@extends('layouts.master')

@section('content')
<style>
    .pro {
      font-weight: bold;
      color: teal;
      font-style: italic;
     
    }
  
    
  </style>

			<!-- 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 class="container">
                    <div class="col-md-12">
              @if(session()->get('erreurQty'))
                    <div class="alert alert-dark">
                  {{ session()->get('erreurQty') }}  
                        </div>
              @endif
            </div></div>
            
                <div class="container">
                  <div class="col-md-12">
              @if(session()->get('errorsrep'))
                  <div class="alert alert-danger">
                {{ session()->get('errorsrep') }}  
                      </div>
              @endif
              </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="content-header">
                    <div class="container-fluid">
                      <div class="row mb-2">
                        <div class="col-sm-6">
                          <h1 class="m-0 text-dark">Gestion des Commandes</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">Commande</li>
                          </ol>
                        </div><!-- /.col -->
                      </div><!-- /.row -->
                    </div><!-- /.container-fluid -->
                  </div>

				<!-- Main content -->
				<section id="main" class="content">	
					<div class="row">						
						<div id="html" class="col">

                        <!-- Button trigger modal -->
                        <button type="button" class="btn btn-primary btn-sm float-right" data-toggle="modal" data-target="#ajoutC">
                            <i class="fa fa-briefcase"></i>
                            <span>Ajouter Commande</span>
                        </button>
                        </div>

					</div>
                    <div class="table-responsive">
        <table id="table" class="table table-striped table-bordered" style="width: 100%">
            <thead>
                <tr>
                    <th><strong>ID</strong></th>
                    <th>Commandes/Observation</th>
                    <th>Type Commande</th>
                    <th>Nom Client</th>
                    
                    <th>Adress</th>
                    <th>Telephon</th>
                    <th>a l'order de :</th>
                    <th>Prix Total</th>
                    <th>Code d'envoi </th>
                    <th>Etat Commande</th>
                    <th>Commentaire pour l'etat</th>
                    <th class="action align-top">Action</th>			
                </tr>
            </thead>
            <tbody>
                @foreach($commandes as $commande)
                <tr>
                    <td>{{$commande->id}}</td>
                    <td>
                        @if($commande->type_commande === 'avec_stock')
                        @foreach($commande->paniers as $panier)
                        
                        <li><span class="pro">Produit:</span> {{$panier->produit->designationPro}}</li> 
                        <li><span class="pro">Taille:</span> {{$panier->taille->designationTail}} </li>
                        <li><span class="pro">Qte:</span> {{$panier->qtecommander}} </li>
                        <br>
                       
                      <span class="pro">Etat: </span>
                      @if($panier->etat_commande_chP === '-')
                    <li><strong class="badge badge-info">---</strong></li>
                    @elseif($panier->etat_commande_chP === 'Livré')
                    <li><strong class="badge badge-success">Livré</strong></li>
                    @elseif($panier->etat_commande_chP === 'Annulé')
                    <li><strong class="badge badge-warning">Annulé</strong></li>
                    @elseif($panier->etat_commande_chP === 'Pas de réponde')
                    <li><strong class="badge badge-secondly">Pas de répond</strong></li>
                    @else
                    <li><strong class="badge badge-danger">Rejeté</strong></li>
                    @endif
                      <br><br>
                      <hr>
                      @endforeach
                       
                        @else
                        <span class="pro">Produit-Taille-Qte</span>
                        <li>{{ $commande->produit_sans_stock }}</li>
                        @endif
                        </td>
                    <td>
                        @if($commande->type_commande === 'avec_stock')
                        <span class="badge badge-success">Avec Stock</span>
                        @else
                        <span class="badge badge-dark">Sans Stock</span>
                        @endif
                    </td>
                    <td>{{$commande->nameC}}</td>
                    
                    <td><a href="https://maps.google.com/maps?q={{$commande->adresseclient}}"> {{$commande->adresseclient}}</a></td>
                    <td><a href="tel:{{$commande->telephone}}"> {{$commande->telephone}} </a></td>
                    <td>{{$commande->order}}</td>
                    <td>{{$commande->prixT}}</td>
                    <td>{{$commande->code_d_envoi}}</td>
                    @if(($commande->paniers->whereIn('etat_commande_chP',['-','Pas de réponde'])->count() === 0) & ($commande->etat_commande === 'En Cours') || ($commande->paniers->whereIn('etat_commande_chP',['-','Pas de réponde'])->count() === 0) & ($commande->etat_commande === 'Pas de réponde'))
                    <td><span class="badge badge-dark">__</span></td>
                    @elseif($commande->etat_commande === 'En Cours')
                    <td><strong class="badge badge-info">En Cours</strong></td>
                    @elseif($commande->etat_commande === 'Livré')
                    <td><strong class="badge badge-success">Livré</strong></td>
                    @elseif($commande->etat_commande === 'Annulé')
                    <td><strong class="badge badge-warning">Annulé</strong></td>
                    @elseif($commande->etat_commande === '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>{{$commande->commentaire}}</td>
                    <td>
                        
                        <form action="{{ route('commandes.destroy', $commande->id)}}" method="post">
                            @csrf
                            @method('DELETE')
                        <a class="badge badge-warning" href="{{ route('commandes.edit', $commande->id)}}">
                            <i class="fas fa-edit"></i>  
                         </a>
                         <button class="badge badge-dark" type="submit"  
                        onclick="return confirm('Si cette Commande est SUPPRIMER en supprimera aussi toutes les paniers qui appartient a cette Commande, Voulez-vous vraiment supprimer cet Commande');">
                        <i class="fas fa-trash-alt"></i></button> 
                        @if($commande->type_commande === 'avec_stock')
                        <a class="badge badge-primary" href="{{ route('commandes.show', $commande->id)}}">
                            <i class="fas fa-eye"></i>  
                         </a>
                         @endif
                    </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <th><strong>ID</strong></th>
                    <th>Commandes/ Observation</th>
                    <th>Type Commande</th>
                    <th>Nom Client</th>
                   
                    <th>Adress</th>
                    <th>Telephon</th>
                    <th>a l'order de :</th>
                    <th>Prix Total</th>
                    <th>Code d'envoi </th>
                    <th>Etat Commande</th>
                    <th>Commentaire</th>
                    <th>Action</th>
                </tr>
            </tfoot>
        </table></div>
    </section>
<!-- /.content -->
            </div>
            


<!-- Button trigger modal -->
 <!-- Modal -->
 <div class="modal fade" id="ajoutC" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header"> 
        <h4 class="modal-title"></h4>              
                <button type="button" class="close" data-dismiss="modal">
                <span>&times;</span>
                </button>
        </div>
            <div class="modal-body">
                
                
                <div>
                    
                    <br/>
                    <strong style="color:teal;font-style: italic;">
                        Est ce que vous voulez ajouter un pannier depuis le Stocks ou Non ?
                        <br/>
                        -Si vous voulez Ajouter un pannier avec le stock cliquez sur avec Stock
                        <br/>
                        -Si vous voulez Ajouter un pannier sans le stock cliquez sur sans Stock
                    </strong> 
                </div>
            </div>
            <div class="modal-footer">
            
                <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-success"> avec Stock</button>
                <button type="button" data-toggle="modal" data-target="#sansstock" class="btn btn-info">sans Stock</button>
            </div>
    </div>
    </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header"> 
    <h4 class="modal-title">L'Ajout d'une Commande:</h4>              
                <button type="button" class="close" data-dismiss="modal">
                <span>&times;</span>
                </button>
        </div>
        <form action="{{ route('commandes.store') }}" method="post">
                {{csrf_field()}}
            <div class="modal-body">

                <div class="form-group">
                    <input type="text" name="name" id="name" class="form-control" placeholder="Nom de Client ...">
                </div>

                <div class="form-group">
                    <input type="text" name="telephone" id="telephone" class="form-control" placeholder=" Numero de Télephone exemple (+212xxxxxxxxx)">
                </div>
                
                <div class="form-group">
                    <textarea name="adresseclient" id="adresseclient" cols="20" rows="5" class="form-control" placeholder="Adresse ..."></textarea>
                </div>
                <div class="form-group">
                    <label for="order">a l'order de :</label>
                    <select name="order" id="order" class="form-control">
                        <option value="Topshopping">Topshopping</option>
                        <option value="Laboutique">Laboutique</option>
                    </select>
                </div>
                <div class="form-group">
                    <input type="text" name="prix" class="form-control" placeholder="Prix Total de Commande de cet Client ...">
                </div>
                
                <div class="form-group">
                    <label for="country" class="col-md-4 control-label">Livraison :</label>
                        <select class="form-control productlivraison" id="prod_cat_id">
                            <option value="0" disabled="true" selected="true">-Select-</option>
                            @foreach($livraisons as $livraison)
                            <option value="{{ $livraison->id }}">
                            {{ $livraison->etat_liv }}</option>
                            @endforeach
                        </select>
                
                
    
                    <label for="user_id" class="col-md-4 control-label">Livreur :</label>
                        <select name="user_id" class="form-control nameliv">
                            
                            <option value="0" disabled="true" selected="true">-Select-</option>
                        </select>
                        
                </div>
                <div class="form-group">
                    <input type="text" name="code" class="form-control" placeholder="Code d'envoi ...">
                </div>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-dark" data-dismiss="modal">Fermer</button>
            <button type="button" data-toggle="modal" data-target="#infos" class="btn btn-success">Suivant</button>
            
    

            

            <div class="modal" id="infos">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h4 class="modal-title">Enregistrement de Panier :</h4>            
                        <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                        </button>
                    </div>
                        <div class="modal-body">
 
                            
                            <div class="form-group">
                                <label for="country" class="col-md-4 control-label">Les Produit : :</label>
                                    <select name="produit_id" class="form-control productcategory" id="prod_cat_id">
                                        <option value="0" disabled="true" selected="true">-Select-</option>
                                        @foreach($produits as $produit)
                                        <option value="{{ $produit->id }}">
                                            {{ $produit->designationPro }}</option>
                                            @endforeach
                                    </select>
                            
                            
                
                                <label for="country" class="col-md-4 control-label">Taille :</label>
                                    <select name="taille_id" class="form-control taillename">
                                        
                                        <option value="0" disabled="true" selected="true">Taille Name</option>
                                    </select>
                            </div>
                            
                            <div class="form-group">
                                <input type="text" name="qtecommander" id="qtecommander" class="form-control" placeholder="Qantite Cammander ...">
                            </div>
                            
                    </div>
                    <div class="modal-footer">
                      <button type="submit" class="btn btn-success">Enregister</button>
          
                    </div>
                  </div>
                </div>
              </div>
        </div>
        </form>
    </div>
    </div>
    </div>




        <!-- Modal commande sans Stock -->
        <div class="modal fade" id="sansstock" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header"> 
            <h4 class="modal-title">L'Ajout d'une Commande:</h4>              
                        <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                        </button>
                </div>
                <form action="{{ route('commandes.storecmdsansStck') }}" method="post">
                        {{csrf_field()}}
                    <div class="modal-body">
        
                        <div class="form-group">
                            <input type="text" name="name" id="name" class="form-control" placeholder="Nom de Client ...">
                        </div>
        
                        <div class="form-group">
                            <input type="text" name="telephone" id="telephone" class="form-control" placeholder=" Numero de Télephone exemple (+212xxxxxxxxx)">
                        </div>
                        
                        <div class="form-group">
                            <textarea name="adresseclient" id="adresseclient" cols="20" rows="5" class="form-control" placeholder="Adresse ..."></textarea>
                        </div>
                        <div class="form-group">
                            <label for="order">a l'order de :</label>
                            <select name="order" id="order" class="form-control">
                                <option value="topshopping">Topshopping</option>
                                <option value="laboutique">Laboutique</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <input type="text" name="prix" class="form-control" placeholder="Prix Total de Commande de cet Client ...">
                        </div>
                        
                        <div class="form-group">
                            <label for="country" class="col-md-4 control-label">Livraison :</label>
                                <select class="form-control productlivraison" id="prod_cat_id">
                                    <option value="0" disabled="true" selected="true">-Select-</option>
                                    @foreach($livraisons as $livraison)
                                    <option value="{{ $livraison->id }}">
                                    {{ $livraison->etat_liv }}</option>
                                    @endforeach
                                </select>
                        
                        
            
                            <label for="user_id" class="col-md-4 control-label">Livreur :</label>
                                <select name="user_id" class="form-control nameliv">
                                    
                                    <option value="0" disabled="true" selected="true">-Select-</option>
                                </select>
                                
                        </div>
                        <div class="form-group">
                            <input type="text" name="code" class="form-control" placeholder="Code d'envoi ...">
                        </div>
                    </div>
                    <div class="modal-footer">
                    <button type="button" class="btn btn-dark" data-dismiss="modal">Fermer</button>
                    <button type="button" data-toggle="modal" data-target="#panierSST" class="btn btn-success">Suivant</button>
                    
            
        
                    
                    <div class="modal" id="panierSST">
                        <div class="modal-dialog">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h4 class="modal-title">Enregistrement de Produit sans Stock :</h4>            
                                <button type="button" class="close" data-dismiss="modal">
                                <span>&times;</span>
                                </button>
                            </div>
                                <div class="modal-body">
                    
                                    <label for="produitS">Produit-taille-qte</label>
                                   <textarea name="produitS" id="" cols="63" rows="10"></textarea>
                                    
                            </div>
                            <div class="modal-footer">
                              <button type="submit" class="btn btn-success">Enregister</button>
                    
                            </div>
                          </div>
                        </div>
                      </div>
                </div>
                </form>
            </div>
            </div>
            </div>



<!-- script jquery-sersh and pagination-->
<script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap4.min.js') }}"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
      $(document).ready(function() {

      $('#table thead th').each(function() {
          var title = $('#table thead th').eq($(this).index()).text();
          $(this).html("<span class='align-top'>"+ title +'</span><br><input class="form-control" placeholder="Rechercher..." >');
      });
       
      // DataTable
      var table = $('#table').DataTable();
       
      // Apply the search
      table.columns().eq(0).each(function(colIdx) {
          $('input', table.column(colIdx).header()).on('keyup change', function() {
              table
                  .column(colIdx)
                  .search(this.value)
                  .draw();
          });
       
          $('input', table.column(colIdx).header()).on('click', function(e) {
              e.stopPropagation();
          });
      });
      $(".action").html("Action");

        
        });




            $(document).ready(function(){

            $(document).on('change','.productcategory',function(){
                //console.log("hmm its change");

                var cat_id=$(this).val();
                //console.log(cat_id);
                var div=$(this).parent();
                //console.log();

                var op=" ";

                $.ajax({
                    type:'get',
                    url:'{!!URL::to('findProductName')!!}',
                    data:{'id':cat_id},
                    success:function(data){
                        //console.log('success');

                        //console.log(data);

                        //console.log(data.length);
                        op+='<option value="0" selected disabled>chose taille</option>';
                        for(var i=0;i<data.length;i++){
                                op+='<option value="'+data[i].id+'"> -Taille: '+data[i].designationTail+' -QuantiteStock: '+data[i].pivot.qteStock+'</option>';
                            }

                    div.find('.taillename').html(" ");
                    div.find('.taillename').append(op);
                    },
                    error:function(){

                    }
            });
            });
 

});

        $(document).ready(function(){

        $(document).on('change','.productlivraison',function(){
            //console.log("hmm its change");

            var liv_id=$(this).val();
            //console.log(liv_id);
            var div=$(this).parent();
           // console.log();

            var op2=" ";

            $.ajax({
                type:'get',
                url:'{!!URL::to('findLivName')!!}',
                data:{'id':liv_id},
                success:function(data){
                   // console.log('success');

                   // console.log(data);

                   // console.log(data.length);
                    op2+='<option value="0" selected disabled>chose livreur</option>';
                    for(var i=0;i<data.length;i++){
                    op2+='<option value="'+data[i].id+'">'+data[i].name+'</option>';
                }

                div.find('.nameliv').html(" ");
                div.find('.nameliv').append(op2);
                },
                error:function(){

                }
    });
});
});

</script>
    
@endsection