@extends('web.layout.master')

@section('content')

<div class="container" >
    <div class="row justify-content-center">
        <div class="col-sm-7 mx-auto" >
            <div class=" mt-3 text-black font-weight-bold d-lg-none">
                <label class="fs-1"><b>My Info</b></label>
            </div>
            <div class="text-center mt-4 text-black font-weight-bold d-none d-lg-block">
                <label class="fs-1">My Info</label>
            </div>
        </div>
    </div>
    <div class="row d-none d-lg-block">
        <div class="col-md-12 text-end" >
            <div class="mt-3 text-black font-weight-bold">
                <a  href="{{ route('my-gear') }}" class="" style="font-size: 18px;">My Gear</a>&nbsp; |&nbsp; <a  href="{{ route('my-order') }}" class="" style="font-size: 18px;">My Orders</a>
            </div>
        </div>
    </div>

    @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</p>
        @endif
    @endforeach
    <div class="row">
        <div class="col-sm-10" >
            <div class=" mt-5 text-black font-weight-bold">
                <label class="fs-3">Hello, {{ Auth::user()->firstname.' '.Auth::user()->lastname }}</label>
                <p>You are logged in as {{ Auth::user()->emailaddress }}</p>
            </div>
            <div class=" text-black font-weight-bold d-lg-none">
                <a  href="{{ route('my-gear') }}" class="" style="font-size: 18px;">My Gear</a>
            </div>
            <hr class="d-lg-none">
            <div class=" text-black font-weight-bold d-lg-none">
                <a  href="{{ route('my-order') }}" class="" style="font-size: 18px;">My Orders</a>
            </div>
            <hr class="d-lg-none">
        </div>
        <div class="col-sm-2" >
            <div class="text-end text-black font-weight-bold" style="margin-top:80px">
                <a href="{{ route('customer-logout') }}" class="btn btn-sm btn-danger" aria-label="Sign Out">Sign Out</a>
            </div>
        </div>
    </div>
    <div class="card mt-2">
        <div class="card-body">
            <label class="fs-4 mt-2">Your Primary Account Information</label>
            <div class="row mt-4">
                <div class="col-md-4">
                    <label class="fs-5">Primary Address</label>
                    @if(!empty($address))
                        <p class="mt-2">{{ $address->name }}<br> {{ $address->street_name }}<br> @if(!empty($address->street_app_unit)) {{ $address->street_app_unit }}<br> @endif {{ $address->city }}, {{ $address->state }} {{ $address->zip }}<br> {{ $address->country }}</p>
                    @else
                        <p class="mt-2">No address available</p>
                    @endif
                    <a href="{{ route('addresses') }}" aria-label="MANAGE MY ADDRESSES">MANAGE MY ADDRESSES</a>
                </div>
                <div class="col-md-4">
                    <label class="fs-5">Primary Payment Information</label>
                    @if(!empty($customer_card))
                    <div class="card p-2">
                        <p>Card ending in {{ $customer_card->cardNumber }} <br> <b>{{ $customer_card->name_on_card }}</b> {{ $customer_card->expiry_month.'/'.$customer_card->expiry_year }}</p>
                    </div>
                    @else
                        <p class="mt-2">No card set as primary</p>
                    @endif
                    <a href="{{ route('customer-card') }}" aria-label="ADD A NEW CARD">ADD A NEW CARD</a>
                </div>
                <div class="col-md-4">
                    <label class="fs-5">Name, Email & Password</label>
                    <h6 class="mt-2">{{ Auth::user()->firstname.' '.Auth::user()->lastname }}</h6>
                    <h6>{{ Auth::user()->emailaddress }}</h6>
                    <h6>*******</h6>
                    <div>
                        <a href="{{ route('account-manage') }}" aria-label="MANAGE ACCOUNT INFO">MANAGE ACCOUNT INFO</a>
                    </div>
                    <div class="mt-2">
                        <a href="{{ route('account-changepassword') }}" aria-label="CHANGE PASSWORD">CHANGE PASSWORD</a>
                    </div>


                </div>
            </div>
        </div>
    </div>
    

</div>
<script>
    orderSearchBtn();
    function resetSearchBtn(){
        if( $('#search_order').val() != ""){
            $('#search_order').val('');
            orderSearchBtn();
        }

    }
   
</script>

@endsection