@extends('frontend.layouts.app' ,['title' => 'TSG Breeze offers elegant and trendy ladies fashion, featuring stylish outfits, accessories, and timeless essentials for the modern woman'])

@section('content')

<main class="main">
        	<div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">
        		<div class="container">
        			<div class="col-12  text-center position-relative page-title-extra-large" style="padding-top:40px; padding-bottom: 40px;">
                    <h1 class="alt-font fw-600 text-dark-gray mb-10px">My Account</h1>
                </div>
        		</div><!-- End .container -->
        	</div><!-- End .page-header -->
           

            <div class="page-content">
            	<div class="dashboard">
	                <div class="container">
	                	<div class="row">
	                		  @include('frontend.layouts.sidebar')

	                		<div class="col-md-8 col-lg-9">
	                			<div class="tab-content">
								    <div class="tab-pane fade show active" id="tab-dashboard" role="tabpanel" aria-labelledby="tab-dashboard-link">
								    	<p>Hello <span class="font-weight-normal text-dark">{{auth()->user()->name}}</span> (not <span class="font-weight-normal text-dark">{{auth()->user()->name}}</span>? <a href="{{ route('customer.logout') }}">Log out</a>) 
								    	<br>
								    	From your account dashboard you can view your <a href="{{ route('customer.orders.index') }}" class="tab-trigger-link link-underline">recent orders</a>, manage your <a href="#tab-address{{ route('dashboard_my_addresses') }}" class="tab-trigger-link">shipping and billing addresses</a>, and <a href="{{ route('profile.index') }}" class="tab-trigger-link">edit your password and account details</a>.</p>
								    </div><!-- .End .tab-pane -->
								</div>
	                		</div><!-- End .col-lg-9 -->
	                	</div><!-- End .row -->
	                </div><!-- End .container -->
                </div><!-- End .dashboard -->
            </div><!-- End .page-content -->
        </main><!-- End .main -->

@push('scripts')
        <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
        {!! JsValidator::formRequest('App\Http\Requests\Frontend\Profile\ProfileUpdateRequest', '#profile-update-form') !!}
    @endpush


@endsection