{% extends 'base.html.twig' %}
    {% block javascripts %}
            <style>
                .scroller {
            
                height: 100px;
                overflow-y: scroll;
                scrollbar-color: rebeccapurple green;
                scrollbar-width: thin;
                }

            </style>
           
    {% endblock %}

    {% block body %}
        {% include "includes/header.html.twig" %}

        <!-- App Capsule -->
        <div id="appCapsule">
            <div class="section full mt-3">
                <div class="invoice">
                    <h2>Liste des commandes en cours</h2>
                </div>
            </div>

            <div class="section full mt-3 mb-2">
                
   
   
                <div class="wide-block p-0">

                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th scope="col">Date</th>
                                    <th scope="col">Id Facture</th>
                                    <th>Client</th>
                                    <th>T QTE</th>
                                    <th>T CA</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for facture in factures %}
                         
                          
                                <tr onclick="document.location = '{{path('index',{'id':facture.idFacture})}}';" >
                                    <td>{{facture.dateFacture|date('d-m-Y')}}</td>
                                    <th scope="row">{{facture.idFacture}}</th>
                                    <td>{{facture.idClient.nomClient}}</td>
                                    {% set tQte = 0 %}
                                    {% set tCA = 0 %}
                                    {% for ligne in facture.lignesFacture %}
                                        {% set tQte = tQte + ligne.qte %}
                                        {% set tCA = tCA + ligne.pu %}
                                    {% endfor %}
                                    <td>{{tQte}}</td>
                                    <td>{{tCA}}</td>



                                   
                                    
                                </tr>
                            {% endfor %}
                                
                            </tbody>
                        </table>
                    </div>

                </div>
                {# <div class="content-header mt-2 mb-2">
                    <button class="btn btn-primary square" disabled>Valider la commande</button>
                </div> #}
            </div>


        



        </div>
        <!-- * App Capsule -->

        <!-- App Bottom Menu -->
            {% include "includes/menu.html.twig" %}
        <!-- * App Bottom Menu -->
    {% endblock %}