@extends('layout')
@section('title','Mon compte ')
@section('description','Mon compte')
@section('content')

 	

  
   
    <div class="breadcrumb-area mb-50">
		<div class="container">
			<div class="row">
				<div class="col">
					<div class="breadcrumb-container">
						<ul>
							<li><a href="index.html"><i class="fa fa-home"></i> Accueil</a></li>
							<li class="active">Tableau de bord</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--=====  End of breadcrumb area  ======-->

	<!--=============================================
	=            My account page section         =
	=============================================-->

	<div class="my-account-section section position-relative mb-50 fix">
		<div class="container">
			<div class="row">
				<div class="col-12">

					<div class="row">

						<!-- My Account Tab Menu Start -->
						<div class="col-lg-3 col-12">
							<div class="myaccount-tab-menu nav" role="tablist">
								<a href="{{route('compte')}}" class="active" data-toggle="tab"><i class="fa fa-dashboard"></i>
									Tableau de bord</a>

								<a href="{{route('client_commande')}}" ><i class="fa fa-cart-arrow-down"></i> Mes commandes</a>
								
								
								<a href="{{route('detail_compte')}}" ><i class="fa fa-user"></i> Détails compte</a>

								<a href="#" data-tooltip="Quick view" data-toggle="modal" data-target="#quick-view-modal-container"> <i class="fa fa-sign-out"></i> Déconnexion </a>
								
							</div>
						</div>
						<!-- My Account Tab Menu End -->

						<!-- My Account Tab Content Start -->
						<div class="col-lg-9 col-12">
							<div class="tab-content" id="myaccountContent">
								<!-- Single Tab Content Start -->
								<div class="tab-pane fade show active"  role="tabpanel">
									<div class="myaccount-content">
										<h3>Tableau de bord</h3>

										<div class="welcome">
											<p>Bonjour, <strong>{{session('client')->nom}} {{session('client')->prenom}}</strong> </p>
										</div>

										<p class="mb-0">From your account dashboard. you can easily check &amp; view your
											recent orders, manage your shipping and billing addresses and edit your
											password and account details.</p>
									</div>
								</div>
								<!-- Single Tab Content End -->

								<!-- Single Tab Content Start -->
							
								<!-- Single Tab Content End -->
							</div>
						</div>
						<!-- My Account Tab Content End -->
					</div>

				</div>
			</div>
		</div>
	</div>
  
  
  	<div class="modal fade quick-view-modal-container"  id="quick-view-modal-container" tabindex="-1" role="dialog"
		aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content modal-sm">
				
				<div class="modal-body">
					Voulez-vous vraiment vous déconnecter ?
				</div>
				 <div class="modal-footer bg-whitesmoke br" style="background-color:#ffffff" >
                  <button type="button" class=" btn btn-light" data-dismiss="modal">Non</button>
                      <form action="{{route('Deconnexion_client')}}" method="post" style="display: inline">
                        {{csrf_field()}}
                     
                      <button type="submit" class="btn btn-success">Oui</button>

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

		</div>
	</div>
   
   
   

	
   @push('scripts')
   
   
   
  
    @endpush	
	

@endsection