@extends('main')
@section('styles')
@endsection
@section('page-title')
	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ __('Shopping Cart') }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							/
							<li>
								<a href="{{ Route('mobily.product.index') }}">{{ __('Products') }}</a>
							</li>
							/
							<li class="active">
								{{ __('Shopping Cart') }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
	<div class="shop-header bg-color--grey fix-head">
		<div class="container space-y--15">
			<div class="row align-items-center">
				<div class="col-9">
					<h1 class="category-title text-right">{!! __('Account Dashboard') !!}</h1>
				</div>
				<div class="col-3 text-left">
					<a href="javascript:history.back()" class="back-link">{!! __('Back') !!} <i class="fa fa-long-arrow-left"></i> </a>
				</div>
			</div>
		</div>
	</div>
	<div class="block block-account">
		<div class="block-title"> <small>{!! __('Welcome') !!}</small> {{ Auth::user()->name }} </div>
		<div class="block-content">
			<ul>
				<li>
					<a href="{!! route('mobily.account.orders') !!}">{!! __('My Orders') !!}
						<i class="fa fa-list" aria-hidden="true"></i>
					</a>
				</li>
				<li>
					<a href="{!! route('mobily.account.address') !!}">{!! __('Delivery addresses') !!}<i class="fa fa-map-marker" aria-hidden="true"></i>
					</a>
				</li>
				<li>
					<a href="{!! route('mobily.update.account.password') !!}">{!! __('Update Password') !!}<i class="fa fa-key" aria-hidden="true"></i>
					</a>
				</li>
				<li>
					<a href="{{ Route('mobily.client.logout') }}"
					onclick="event.preventDefault(); document.getElementById('logout-form').submit();" >{!! __('Logout') !!} <i class="fa fa-sign-in" aria-hidden="true"></i>
				</a>
				<form id="logout-form" action="{{ Route('mobily.client.logout') }}" method="POST" style="display: none;">
					@csrf
				</form>
			</li>
			<li>
        <span>
          <a href="{{ Route('mobily.delete.account') }}">{!! __('Delete account') !!} <i class="fa fa-user-circle" aria-hidden="true"></i>
        </a>

      </span>
    </li>
		</ul>
	</div>
</div>
@endsection
@section('scripts')
@endsection