{% 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">
                   {% if is_granted('ROLE_SUPER_ADMIN')     %}  
                        <input name="product_all" class="checked_all" type="checkbox">Tout selectionnez                      <h4></h4>

                      <button type="button" name="btn_substituer" id="btn_substituer" class="btn btn-success" style="background-color:#F57C00
;color:black;">Mettre à Cloturer</button>
  {% endif %}
                    {# <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">Impression </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 table-bordered" id="table-1">
                        <thead>
                          <tr>
                                              <th>N° feuille.</th>
               
                {# <th>Nom</th>
                <th>Prenoms</th> #}
                <th>Date</th>  
                  {# <th>Article</th> #}
                {# <th>Adresseclient</th> #}
                <th>Société</th>
                <th>Livreur</th>
                

                <th>Etat</th>
                <th>M. en cours</th>
                <th>M. echecs</th>
                <th>M. frais</th>
                <th>M. encaissé</th>
                
                 
                <th>Actions</th>  
                               
                
               
                          </tr>
                        </thead>
                        <tbody>
                        
                        {% for livraison in livraison %}
 {% set boolbutton = 0 %} 
 {% for commande in livraison.commande   %}
{% if loop.first %}   
{% if (commande.livraison.statut ) =="Finalisé" or (commande.livraison.statut ) =="Cloturer" %}
{% set boolbutton = 1 %} 
 {% else %}
 {% set boolbutton = 0 %} 
{% endif %}

{% endif %}

 {% endfor %}
 {% set quant = 0 %} 

  {% set frais = 0 %} 
{% set prixtotal = 0 %} 
 
 {% for commande in livraison.commande %}
  {% set frais = frais+ commande.fraislivraison %} 
 {% for produit in commande.produit %}
  {% set quant = quant+ produit.quantite %} 
  {% set prixtotal = prixtotal+ produit.quantite * produit.lproduit.prixunitaire - commande.montantreduction - commande.montantpaiementavance %} 
  {% endfor %}
  {% endfor %} 


 {% set quanteffectuer = 0 %} 

  {% set fraiseffectuer = 0 %} 
{% set prixtotaleffectuer = 0 %} 
 
 {% for commande in livraison.commande  if (commande.typestatut.designation == "livraison effectuée" )%}
  {% set fraiseffectuer = fraiseffectuer+ commande.fraislivraison %} 
 {% for produit in commande.produit   %}
  {% set quanteffectuer = quanteffectuer+ produit.quantite %} 
  {% set prixtotaleffectuer = prixtotaleffectuer+ produit.quantite * produit.lproduit.prixunitaire - commande.montantreduction - commande.montantpaiementavance %} 
  {% endfor %}
  {% endfor %} 

{% if (boolbutton)=="0" %}
   {% set quantechec = 0 %} 

  {% set fraisechec = 0 %} 
{% set prixtotalechec = 0 %} 
 
 {% for commande in livraison.commande  if (commande.typestatut.designation == "echec Livraison" )%}
  {% set fraisechec = fraisechec+ commande.fraislivraison %} 
 {% for produit in commande.produit   %}
  {% set quantechec = quantechec+ produit.quantite %} 
  {% set prixtotalechec = prixtotalechec+ produit.quantite * produit.lproduit.prixunitaire - commande.montantreduction - commande.montantpaiementavance %} 
  {% endfor %}
  {% endfor %} 

{% else %}
     {% set quantechec = 0 %} 

  {% set fraisechec = 0 %} 
{% set prixtotalechec = 0 %} 
 
 {% for commande in livraison.commande  if (commande.typestatutfeuille.designation == "echec Livraison" )%}
  {% set fraisechec = fraisechec+ commande.fraislivraison %} 
 {% for produit in commande.produit   %}
  {% set quantechec = quantechec+ produit.quantite %} 
  {% set prixtotalechec = prixtotalechec+ produit.quantite * produit.lproduit.prixunitaire - commande.montantreduction - commande.montantpaiementavance %} 
  {% endfor %}
  {% endfor %} 
{% endif %}


                          <tr>
                             {% if  (app.user.module.showfrout) == "TRUE" %}
                <td>  <a href="{{ path('change_statut_feuille', {'id': livraison.id}) }}" style="text-decoration:none;" >{{ livraison.reference }}</a>        </td>
                {% else %}
                             
                         <td>  {{ livraison.reference }}        </td>     
                             {% endif %}
                             
                
                <td>{{ livraison.datemiseenlivraison|date('d-m-Y H:i') }}  </td>

                 <td style="">
                  {% for commandes in livraison.commande %}
             
           {% if loop.first %}     <b   >{{commandes.livreur.societe }}     </b  > {% endif %}
           
                
                {% endfor %}
     </td>
                
                <td>   {% for commandes in livraison.commande %}
             
           {% if loop.first %}     <b   >{{commandes.livreur.nom }}   {{commandes.livreur.prenoms }}  </b  > {% endif %}
           
                
                {% endfor %}</td>

             
          <td style=""> {% if (livraison.statut ) =="Finalisé" %}
            <b class="badge badge-primary" style="background-color:#2E7D32
;"   >  {{livraison.statut}}   <b   >
{% endif %}
            {% if (livraison.statut ) =="En livraison" %}
            <b class="badge badge-primary" style="background-color:#D84315
;"   >  {{livraison.statut}}   <b   >
          {% endif %} 
  {% if (livraison.statut ) =="Cloturer" %}
            <b class="badge badge-primary" style="background-color:#1565C0

;"   >  {{livraison.statut}}   <b   >
          {% endif %} 

           </td>
            <td>
         

 
    {{prixtotal|number_format(0, ',', ' ')}}
   </td>  
        <td>
        {{prixtotalechec|number_format(0, ',', ' ')}}
    
   </td>
     <td>
      {{fraiseffectuer|number_format(0, ',', ' ')}}
   </td>    

     <td>
  {{prixtotaleffectuer|number_format(0, ',', ' ')}}
   </td>  
     <td>
           <input type="checkbox" name="customer_id[]" class="delete_customer" value="{{livraison.id}}" onchange="checkboxes()"/>

<br>
             <a href="{{ path('reimpression_feuille', {'id': livraison.id}) }}" style="text-decoration:none;" target="_blank" > <i class="material-icons">local_printshop</i></a>  
           
{#            
                  {% if is_granted('ROLE_SUPER_ADMIN')     %}  
 <a href="{{ path('statutcloturer', {'id': livraison.id}) }}" style="text-decoration:none;" > <span class="material-icons">
picture_in_picture_alt
</span> </a>
                   {% endif %} #} 

              


 </td>  
                           
                  
             
                {# {{ include('commandes/_delete_form.html.twig') }}  #}
                </td>
                               
                        </tr>
                          {% endfor %}
                  
                        </tbody>
                      </table>
                    </div>
                   
                         
                      
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
     
      </div>
{% endblock %}

{% block javascripts %} 
   {{parent()}}
{# composer self-update
 #}

<script type="text/javascript">


{# function checkboxes(){
    var inputElems = document.getElementsByTagName("input"),
    count = 0;
    for (var i=0; i<inputElems.length; i++) {
    if (inputElems[i].type === "checkbox" && inputElems[i].checked === true){
        count++;
        //alert(count);
        $("#nbrcocher").text(count);
    }
}} #}

 function checkboxes()
  {
  var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };
   var inputElems = document.getElementsByTagName("input"),
    count = 0;

    for (var i=0; i<inputElems.length; i++) {       
       if (inputElems[i].type == "checkbox" && inputElems[i].checked == true){
          count++;
       }
    }
 //$("#nbrcocher").text(count);

 $("#affiche").html("il y'a  :" + count + 'Elements cocher').css( styles1 );
 }

        $('.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 subsituer
 $('#btn_substituer').click(function(){
  
  if(confirm("Vous aller effectuer une action de cloture de feuille de route"))
  {
   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('pretacloturer')}}',
                    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('panierpretacloturer')}}';
    $("#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">
$(document).ready(function() {
	document.title='Simple DataTable';
	// DataTable initialisation
	$('#example').DataTable(
		{
			"dom": '<"dt-buttons"Bf><"clear">lirtp',
			"paging": true,
			"autoWidth": true,
			"buttons": [
				'colvis',
				'copyHtml5',
        'csvHtml5',
				'excelHtml5',
        'pdfHtml5',
				'print'
			]
		}
	);
});
 </script>

<script type="text/javascript" src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>

<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.colVis.min.js"></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 %}