{% extends 'menuback.html.twig' %}
{% block stylesheets %} 
   {{parent()}}

      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
 
 {% endblock %}

{% block body %}
    <div class="main-content">
        <section class="section">
          <div class="section-body">
            <div class="row">
              <div class="col-12">
                <div class="card">
                  <div class="card-header">
                    {# <h4>Export Table</h4> #}
      {# <input name="product_all" class="checked_all" type="checkbox">Tout selectionnez                      <h4></h4>
    <button type="button" name="btn_delete" id="btn_delete" class="btn btn-success">Prêt pour livraison</button>
<label id="affiche" style="color: green;" ></label> #}
    {# {% for message in app.flashes('success') %}
      <div class="alert alert-success">
        {{ message }}
      </div>
    {% endfor %} #}
                  </div>
                  <div class="card-body">

                  <div class="table-responsive">
                      <table class="table table-striped" id="table-1">
                        <thead>
                          <tr>
                                              <th>N° coman.</th>
                <th>Date de commande</th>
                {# <th>Nom</th>
                <th>Prenoms</th> #}
                <th>Articles</th>  
                  {# <th>Article</th> #}
                {# <th>Adresseclient</th> #}
                <th>Lieu de livraison</th>
                <th>Date de livraison </th> 
                <th>Contact</th>
                 {# <th>Etat</th>  #}
                                 <th>Statut</th>
                {# <th>actions</th> #}
               
                          </tr>
                        </thead>
                        <tbody>
                        {% for commande in commandes %}
                          <tr>
                <td>         <a href="{{ path('commandes_timeline', {'id': commande.id}) }}" style="text-decoration:none;" >{{ commande.numerocommande }}</a></td>
                <td>{{ commande.datecommande|date('d-m-Y H:i') }}  </td>

                 <td style="">
                {% for produit in commande.produit %}
             
                <b style="color:{{ random(['#000000', '#000000', '#000000']) }} ;"  >{{produit.lproduit.designation|slice(0,20)}}  </b  > /{% endfor %}</td>
                
                <td>{{ commande.adresseclientlivraison }}</td>
<td style="background-color:{# endDate and startDate are strings or DateTime objects #}
{# {% set difference = date(commande.datelivraison|date('Y/m/d')).diff(date('now'|date('Y/m/d')))  %}
{% set leftDays = difference.days %}
{% if leftDays == 0 %}
  #A5D6A7
{% elseif  leftDays < 0 %}
 
 {% elseif  leftDays  0 %}

{% endif %} #}
{% if date(commande.datelivraison|date('Y/m/d'))  < date('now'|date('Y/m/d')) %}
   #FF8A65
{% elseif date(commande.datelivraison|date('Y/m/d'))  > date('now'|date('Y/m/d'))  %}
  #FFF176
{% else %}
#A5D6A7
{% endif %};">  {{ commande.datelivraison|date('d-m-Y') }}</td>
                

                <td> {{ commande.telephone }}/  {{ commande.contact }} </td>
                {# <td>{{ commande.nom }}</td>
                <td></td> #}
                {# <td>{{ commande.email }}</td> #}
                   <td>
    <b class="badge badge-primary" style="background-color:{{commande.typestatut.color}};">  {{ commande.typestatut.designation   }} </b>

                  </td> 
                {# <td>{% for produit in commande.produit %}
                -<b style="font-weight:bold;color:{{ random(['red', '#000000', 'green']) }} ;">{{produit.designation|slice(0,20)}}</b><br>{% endfor %}</td> #}
                 
                {# <td>{{ commande.adresseclient }}</td> #}
                {# <td>{{ commande.adresseclientlivraison }}</td>
                <td> {{ commande.telephone }}/  {{ commande.contact }} </td>
                {# <td>{{ commande.datelivraison ? commande.datelivraison|date('Y-m-d H:i:s') : '' }}</td> #}
                
               
                     
                   {# <a href="{{ path('commandes_show', {'id': commande.id}) }} "  class="btn btn-success">Voir</a>  #}
                    {# <a href="{{ path('commandes_edit', {'id': commande.id}) }}"  class="btn btn-secondary">Edite</a> #}
                 
 
  
                           
                  
             
                {# {{ include('commandes/_delete_form.html.twig') }}  #}
                </td>
                               
                        </tr>
                          {% endfor %}
                  
                        </tbody>
                      </table>
                    </div>
                   
                         
                      
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
     
      </div>
{% endblock %}
{% block javascripts %} 
   {{parent()}}

<script type="text/javascript">
        $('.checked_all').on('change', function() {     
                $('.delete_customer').prop('checked', $(this).prop("checked"));              
        });
        //deselect "checked all", if one of the listed checkbox product is unchecked amd select "checked all" if all of the listed checkbox product is checked
        $('.delete_customer').change(function(){ //".checkbox" change 
            if($('.delete_customer:checked').length == $('.delete_customer').length){
                   $('.checked_all').prop('checked',true);
            }else{
                   $('.checked_all').prop('checked',false);
            }
        });
    </script>
<script>
$(document).ready(function(){
 
 $('#btn_delete').click(function(){
  
  if(confirm("Vous aller effectuer une action de livraison"))
  {
   var id = [];
   
   $('.delete_customer:checkbox:checked').each(function(i){
 
   
   id[i] = $(this).val();
 console.log($(this).val());
   });
   
   if(id.length === 0) //tell you if the array is empty
   {
    alert("Svp veuillez selectionnez au moins une ligne");
   }
   else
   {
    $.ajax({
        url: '{{path('pretpourlivraison')}}',
                    type: 'POST',
                    dataType: 'json',
                    async: true,
                    
                    data: {id: id},
                        success: function (data) {
                        console.log("data");
                        if (data['Result'] === 'OK') {
                            //$("#ordreError").empty();
                            //var newsletter = data['Record'];
                           // console.log("news",  );
                            

 var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
    {# $("#affiche").html("Message :" + data['Message'] ).css( styles1 ); #}
   
  document.location.href='{{path('panier')}}';
    $("#progress").css("display", "none");
     
                        } else if (data['Result'] === 'ERROR') {
                             var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
    $("#affiche").html("Message :" + data['Message'] ).css( styles1 );
                         // $(".loading").css("display", "none");
                            $("#progress").css("display", "none");
                        }
                    }
     
    });
   }
   
  }
  else
  {
   return false;
  }
 });
 
});
</script>

    



           <script type="text/javascript" src="{{ asset('back/bundles/datatables/datatables.min.js') }}"></script>  
           <script type="text/javascript" src="{{ asset('back/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>  
           {# <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/dataTables.buttons.min.js') }}"></script>  #}
           {# <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.flash.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/jszip.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/pdfmake.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/vfs_fonts.js') }}"></script>  #}
            {# <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.print.min.js') }}"></script>   #}
             <script type="text/javascript" src="{{ asset('back/js/page/datatables.js') }}"></script>  


 
 {% endblock %}