@extends('layouts.master')

@section('content')


			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <div class="container">
                  <div class="col-md-12">
            @if(session()->get('success'))
                  <div class="alert alert-success">
                {{ session()->get('success') }}  
                      </div>
            @endif
          </div></div>
          <div>
            @if ($errors->any())
            <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
              </ul>
            </div><br />
          @endif


                     
            <div class="col-sm-6">
              <a href="{{ url('listelivraisons') }}" class="badge badge-dark"><i class="fas fa-arrow-left"></i></a>
            </div>
                      <div class="content-header">
                        <div class="container-fluid">
                          <div class="row mb-2">
                           
                            <div class="col-sm-6">
                              <h1 class="m-0 text-dark">les Details du Commande</h1>
                            </div><!-- /.col -->
                            <div class="col-sm-6">
                              <ol class="breadcrumb float-sm-right">
                                <li class="breadcrumb-item"><a href="{{ url('/home') }}">
                                    <i class="fa fa-home fa-fw" aria-hidden="true"></i> Accueil</a>
                                </li>
                                <li class="breadcrumb-item active">Livraison</li>
                            <li class="breadcrumb-item active">Details_Commande</li>
                              </ol>
                            </div><!-- /.col -->
                          </div><!-- /.row -->
                        </div><!-- /.container-fluid -->
                      </div>

				<!-- Main content -->
				<section id="main" class="content">	
					<div class="container" id="app1">
                        <div class="row">           
                          <div class="col-md-12">
                              
                              <div class="card text-white bg-secondary mb-3" style="max-width: 180rem;">
                          <div class="card-header">
                            <strong>Client :</strong>
                            <p style="background: white; color:teal; font-style: italic; text-align: center; font-weight:bold;">{{$commande->nameC}}</p></div>
                          <div class="card-body">

                          <div class="container">

                            <div class="row">
                              <div class="col-md-8">
                              <strong>Adresse :</strong><p>{{$commande->adresseclient}}</p>
                              </div>
                              <div class="col-md-4">
                                <strong>Livreur :</strong><p>{{$commande->user->name}}</p>
                                </div>
                            </div>

                            <div class="row">
                              <div class="col-md-3">
                                <strong>Ville :</strong><p>{{$commande->ville}}</p>
                              </div>
                              <div class="col-md-3">
                                <strong>Telephone:</strong><p>{{$commande->telephone}}</p>
                              </div>
                              <div class="col-md-3">
                                <strong>Etat_Commande :</strong><p>{{$commande->etat_commande}}</p>
                              </div>
                              <div class="col-md-3">
                                <strong>A l'order de :</strong><p>{{$commande->order}}</p>
                              </div>
                            </div>

                            <div class="row">
                              <div class="col-md-12">
                                <div class="card text-white bg-secondary mb-3" style="max-width: 180rem;">
                                  <div class="card-header">
                                    <strong>Panier :</strong>
                                    
                                    </div>
                                  <div class="card-body">
                                <div class="row">						
    

            <table id="table" class="table table-striped table-bordered" style="width: 100%">
                <thead>
                    <tr>
                        <th>Produit</th>
                        <th>Taille</th>
                        
                        <th>Etat</th>
                        <th>QuantiteCamonder</th>
                        <th>Commentaire</th>
                        <th class="action align-top">Action</th>			
                    </tr>
                </thead>
                <tbody>
                    @foreach ($paniers as $panier)
                    <tr>
                        <td>{{$panier->produit->designationPro}}</td>
                        <td>{{$panier->taille->designationTail}}</td>
                        
                        @if($panier->etat_commande_chP === '-')
                    <td><strong class="badge badge-info">---</strong></td>
                    @elseif($panier->etat_commande_chP === 'Livré')
                    <td><strong class="badge badge-success">Livré</strong></td>
                    @elseif($panier->etat_commande_chP === 'Annulé')
                    <td><strong class="badge badge-warning">Annulé</strong></td>
                    
                    @elseif($panier->etat_commande_chP === 'Pas de réponde')
                    <td><strong class="badge badge-secondly">Pas de répond</strong></td>
                    @else
                    <td><strong class="badge badge-danger">Rejeté</strong></td>
                    @endif
                        <td>{{$panier->qtecommander}}</td>
                        <td>{{$panier->commentaireP}}</td>
                        <td>
                          @if(($panier->etat_commande_chP === '-') || ($panier->etat_commande_chP === 'Pas de réponde'))
                         <form action="{{ route('commandes.livrerpanier', $panier->id)}}" method="post">
                          @csrf
                          <div class="form-group">
                            <div class="raw badge badge-dark">
                              <button type="submit" class="badge badge-dark" class="form-control">
                                <span style="font-size: 12px">Livrer</span>
                            </button>
                            <input type="text" name="commentaireL" id="commentaireL" placeholder="Commentaire ...">

                        </div></div>
                      </form>
                         
                         <form action="{{ route('commandes.rejeterpanier', $panier->id) }}" method="post">
                          @csrf
                          <div class="form-group">
                            <div class="raw badge badge-danger">
                              <button type="submit" class="badge badge-danger" class="form-control">
                                <span style="font-size: 12px">Rejeter</span>
                            </button>
                            <input type="text" name="commentaire" id="commentaire" placeholder="Commentaire ...">

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

                      <form action="{{ route('commandes.pasrepondepanier', $panier->id) }}" method="post" class="pasdrp">
                        @csrf
                        <div class="form-group">
                          
                            <button type="submit" class="badge badge-secondary" class="form-control">
                              <span style="font-size: 12px">pas de réponde</span>
                          </button>
                         
                        </div>
                    </form>

                      <form action="{{ route('commandes.annulepanier', $panier->id) }}" method="post">
                        @csrf
                        <div class="form-group">
                          <div class="raw badge badge-warning">
                            <button type="submit" class="badge badge-warning" class="form-control">
                              <span style="font-size: 12px">Annulé</span>
                          </button>
                          <input type="text" name="commentaireA" id="commentaireA" placeholder="Commentaire ...">
                          </div>
                         
                        </div>
                    </form>
                      @endif
                        </td>					
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th>Produit</th>
                        <th>Taille</th>
                        <th>Etatetat_commande_chP</th>
                        <th>QuantiteCamonder</th>
                        <th>Commentaire</th>
                        <th>Action</th>
                    </tr>
                </tfoot>
            </table>
    
                                </div>
                                
                            </div>
                            
                   
                            </div>

                          </div></div></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<!-- /.content -->
  </div>

  
@endsection