{{-- Section modal --}}
 <div class="modal fade" id="modalFichProdAchatEnCours" tabindex="-1" aria-labelledby="exampleModalScrollable2"
     data-bs-keyboard="false" aria-hidden="true">
     <!-- Scrollable modal -->
     <div class="modal-dialog  modal-xl">
         <div class="modal-content">
             <div class="modal-header">
                 <label class="modal-title" id="staticBackdropLabel2">Liste des achats en cours du produit : <span
                         id="nomProd-AEN"></span> </label>
                 <button type="button" class="btn-close bg-white" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body pt-0">
                 <div class="row py-1">
                     <div class="col-12">
                        <div class="d-flex ">
                                <div class="form-check form-check-md d-flex align-items-center">
                                    <input class="form-check-input" type="checkbox" value="false" id="AEC-AfficherCmde">
                                    <label class="form-check-label" for="AEC-AfficherCmde">
                                        Afficher toutes les commandes
                                    </label>
                                    <input class="form-check-input" type="hidden" value="0" id="ckeckCloseModal">
                                </div>

                                <span class="d-flex align-items-center px-2" style="cursor : pointer;">
                                    <i class='ri ri-file-excel-2-line text-success me-1' style="font-size : 18px; cursor : pointer;"></i>
                                    <span id="btn-export-achat-en-cours" class="fw-bold" style="cursor : pointer;">Exporter</span>
                                </span>
                        
                        </div>
                     </div>
                     <div class="table-responsive">
                         <table class="tablehover table table-striped text-nowrap tablehover w-100" id="tableFichProdAchatEnCours">
                             <thead class="table-header-primary">
                                 <tr>
                                     <th class="text-center" data-class="text-center" data-column="action">#</th>
                                     <th class="text-center" data-class="text-center" data-column="DateCommande">Date</th>
                                     <th class="text-center" data-class="text-center" data-column="NomBureauAchat">Bureau d'achat</th>
                                     <th class="text-center" data-class="text-center" data-column="NomFournisseur">Fournisseur</th>
                                     <th class="text-center" data-class="text-center" data-column="NumeroCommandeFormat">N° Commande</th>
                                     <th class="text-center" data-class="text-center" data-column="QuantiteCommandee">Qté Commandée</th>
                                     <th class="text-center" data-class="text-center" data-column="la_somme_QteSuiviCommande">Qté Annulée</th>
                                     <th class="text-center" data-class="text-center" data-column="la_somme_QteFactureeBL">Qté Facturée</th>
                                     <th class="text-center" data-class="text-center" data-column="QteReliq">Reliquat</th>
                                 </tr>
                             </thead>
                         </table>
                     </div>
                 </div>

             </div>
             <div class="modal-footer d-block p-1 m-1">

                 <div class="row">
                     <div class="col-4">

                         <label for="inputPassword6" class="col-form-label">Total Qté commandée : <span
                            id="totalCmde" class="badge bg-light-transparent text-dark fs-14"></span></label> 

                     </div>
                     <div class="col-3">

                         <label for="totalAnnule" class="col-form-label">Total annulé</label> : <span
                             class="badge bg-light-transparent text-dark fs-14" id="totalAnnule"></span>

                     </div>
                     <div class="col-3">
                         <label for="totalFacture" class="col-form-label">Total livré</label> : <span id="totalFacture"
                             class="badge bg-light-transparent text-dark fs-14"></span>

                     </div>
                     <div class="col-2">

                         <label for="tottalReliquat" class="col-form-label">Total réliquat</label> : <span
                             id="tottalReliquat" class="badge bg-light-transparent text-dark fs-14"></span>

                     </div>
                 </div>

             </div>
         </div>
     </div>
 </div>