{% extends 'baseback.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="">
        <section class="section">
          <div class="section-body">
<form action="{{ path('livreurcla') }}" method="POST" >

    <div class="row">
 
        <div class="col-5 col-sm-5 col-lg-5">
            <input class="form-control" type="date" id="initialDate" name="initialDate">
        </div>
        
         <div class="col-5 col-sm-5 col-lg-5">
            <input class="form-control" type="date" id="finalDate" name="finalDate">
        </div>

      <div class="col-2 col-sm-2 col-lg-2">
         <input name="valide" value="ok" type="hidden"  class="form-control">

          <button type="submit" class="btn btn-info" >RECHERCHER</button>
      </div>

 
    </div>

</form>


            <div class="row">
              <div class="col-12">
                <div class="card">
       
                  <div class="card-body">

                  
 </div>
 
                    <div class="table-responsive">
                      <table class="table table-striped table-hover" id="tableExport" style="width:100%;">
                        <thead>
                          <tr>
                 <th>Nom et prenoms</th>
                                        <th>Total commande </th> 
                                        <th>Total commande Livrée </th>
                                        <th>Total  commande Echec </th>  
                                                       <th>Taux  de livraison </th>  
                 
                
                          </tr>
                        </thead>
                        <tbody>
            

                                    {% for usera in user %}
            <tr>
            
                                        <td> {{ usera.fullnam }}   </td>
                                         
                                            <td>  {{ usera.qtecommande }} </td>
                                             <td>{{ usera.qtecommandelivre }}   </td>
                                              <td>{{ usera.qtecommandeechec }}   </td>
                                            <td>{{ ((usera.qtecommandelivre|trim  /usera.qtecommande|trim )*100 )|round(2, 'floor') }}  </td>
          
                
            </tr>
        {% else %}
            <tr>
                <td colspan="10">Aucun enregistrement trouvé</td>
            </tr>
        {% endfor %}
        </tbody>


                         
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
     
      </div>


    
{% endblock %}
{% block javascripts %} 
   {{parent()}}

           <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 %}