@extends('layout_admin')
@section('title','Commandes ')
@section('description','Liste des commandes')
@section('content')

	<!--=====  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('Accueil_admin')}}"  ><i class="fa fa-dashboard"></i>
									Tableau de bord</a>

								<a href="{{route('Nouvelle_information')}}"  ><i class="fa fa-edit"></i> Enregistrer information</a>
								<a href="{{route('nouveau_fournisseur')}}"><i class="fa fa-edit"></i> Nouveau fournisseur </a>
								<a href="{{route('Nouveau_categorie')}}" ><i class="fa fa-edit"></i> Enregistrer catégorie</a>
								
								<a href="{{route('Nouveau_produit')}}" ><i class="fa fa-edit"></i> Enregistrer produit</a>

								<a href="{{route('Liste_information')}}" ><i class="fa fa-info"></i> Liste des informations</a>

								<a href="{{route('Liste_categorie')}}"  ><i class="fa fa-map-marker"></i> Liste des catégories</a>

								<a href="{{route('Liste_produit')}}"   ><i class="fa fa-shopping-bag"></i> Liste des produits</a>
								
								<a href="{{route('liste_client')}}"  ><i class="fa fa-users"></i> Liste des clients</a>

								<a href="{{route('liste_commande')}}" class="active"><i class="fa fa-cart-arrow-down"></i> Liste des commandes</a>
								
								<a href="{{route('liste_transaction')}}" ><i class="fa fa-money"></i> Liste des transactions</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>Liste des commandes</h3>


                    @if (session('status'))
                        <div class="alert alert-success" style="font-size: 15px; background-color: #328039; color: white">
                            <i class="ti-check"></i> {{ session('status') }}
                        </div>
                    @endif

                    @if (session('error'))
                        <div class="alert alert-danger" style="font-size: 15px; background-color: #fb5757; color: white">
                            <i class="ti-na"></i> {{ session('error') }}
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger" style="font-size: 15px; background-color: #fb5757; color: white" >
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li> <i class="ti-na"></i> {{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
								
                     <div class="cart-table table-responsive mb-40">
						<table class="table">
								<thead>
									<tr>
										<th class="text-center">N°</th>
										<th class="text-center">Référence</th>
										<th class="text-center">Client</th>
										
										
										<th class="text-center">Etat</th>
										
										<th class="text-center">Etat traitement</th>
										
										<th class="text-center">Actions</th>
										
									</tr>
								</thead>
								<tbody>
								
								@foreach($cmde as $cmdes)
								
									<tr>
									    <td class="text-center"><span>{{$loop->iteration}}</span></td>
										
										 <td class="text-center"><span>{{$cmdes->reference}}</span></td>
										 
										  <td class="text-center"><span>{{DB::table('client')->where('id', $cmdes->client_id)->first()->nom}}
										  
										  {{DB::table('client')->where('id', $cmdes->client_id)->first()->prenom}}
										  
										  </span></td>
										 
										 
										 @if( $cmdes->etat == "En cours")  
										 <td><label style="padding:7px; border-radius:15px; color:white" class="badge badge-warning">{{$cmdes->etat}}</label></td>
										  @else
											<td><label style="padding:7px; border-radius:15px; color:white" class="badge badge-success">{{$cmdes->etat}}</label></td>
										  @endif
										  
										   @if( $cmdes->etat1 == "Non traitée")  
										    <td><label style="padding:7px; border-radius:15px; color:white" class="badge badge-warning">{{$cmdes->etat1}}</label></td>
										  @else
											<td><label style="padding:7px; border-radius:15px; color:white" class="badge badge-success">{{$cmdes->etat1}}</label></td>
										  @endif
										  
										 
										 <td class="text-center">
										 
										 <a type="button" href="{{route('detail_commande',['id'=>$cmdes->id])}}" data-toggle="tooltip" data-placement="bottom" title="Détails commande" class="btn btn-outline-primary"><i class="fa fa-info"></i> </a>
								 
										  @if( $cmdes->etat == "Validé")
										 
										    @if( $cmdes->etat1 == "Non traitée")
										 
										       <a type="button" href="#" data-id="{{$cmdes->id}}" data-toggle="tooltip" data-placement="bottom" title="Traiter commande" class="btn btn-outline-success data-traiter"><i class="fa fa-check"></i> </a>
										 
										    @endif
										  
										  @endif

										</td>
										
									</tr>
									
								@endforeach	
									
								</tbody>
							</table>
						</div>
								
									
									</div>
								</div>
								<!-- Single Tab Content End -->

								<!-- Single Tab Content Start -->
							
								<!-- Single Tab Content End -->
							</div>
							
									<div class="pagination-container">
						<div class="container">
							<div class="row">
								<div class="col-lg-12">
									<!--=======  pagination-content  =======-->

									<div class="pagination-content text-center" style="text-align:center">
										<ul style="text-align:center">
											{{ $cmde->links() }}
											
										</ul>
									</div>

									<!--=======  End of pagination-content  =======-->
								</div>
							</div>
						</div>
					</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')}}" method="post" style="display: inline">
                        {{csrf_field()}}
                     
                      <button type="submit" class="btn btn-success">Oui</button>

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

		</div>
	</div>
			
				
	 <div class="modal fade" id="Traitmodal" >
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Traitement de commande </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                Voulez-vous traiter cette commande ?
              </div>
              <div class="modal-footer bg-whitesmoke br" style="background-color:#ffffff" id="trait">
                
              </div>
            </div>
          </div>
        </div>
		 
	   @push('scripts') 
	   
	     <script>
        $(".data-traiter").on('click', function () {
                var id=$(this).data('id');
                $.get(location.origin+'/Commande/'+id, function (data) {
                  var html = `
            <button type="button" class=" btn btn-light" data-dismiss="modal">Non</button>
                      <form action="{{route('traitcommandePost')}}" method="post" style="display: inline">
                        {{csrf_field()}}
                      <input type="hidden" value="`+data.commde.id+`" name="id" >
                      <button type="submit" class="btn btn-success">Oui</button>

            </form>`
            ;
            $('#trait').html('').append(html);
          })
          $('#Traitmodal').modal();
        });
    </script>
		
@endpush

@endsection