{{-- Section modal --}}
<div class="modal fade" id="modalHistoListeTransfert" 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 transferts inter-sites du produit : <span
                        id="nomProd-LTS"></span> </label>
                <button type="button" class="btn-close bg-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pt-1">
                <div class="row justify-content-center py-1">
                    <div class="col-2">
                        <p class="mb-0 text-muted">Site</p>
                        <select name="site-LTS" id="site-LTS" class="form-select"  @disabled(checkIfDroit('DG_AccesMultiSite'))>

                        </select>

                    </div>
                    <div class="col-3">
                        <p class="mb-0 text-muted">Période</p>
                        <input type="text" class="form-control dateperiode dateCustom year-1 text-center"
                            id="periode-LTS" name="periode-LTS">
                    </div>
                    <div class="col-3">
                        <p class="mb-0 text-muted">Mode de traitement</p>
                        <select name="modeTransfert-LTS" id="modeTransfert-LTS" class="form-select">
                            <option value="0">TOUS</option>
                            <option value="1">AUTOMATIQUE</option>
                            <option value="2">MANUEL</option>
                            <option value="3">REMPLACEMENT LOT</option>
                        </select>

                    </div>
                    <div class="col-2">
                        <p class="mb-0 text-muted">Etape</p>
                        <select name="etape-LTS" id="etape-LTS" class="form-select">
                            <option value="0">TOUS</option>
                            <option value="1">EN PREPARATION</option>
                            <option value="2">EXPEDIE</option>
                            <option value="3">RECEPTIONNE</option>
                        </select>

                    </div>
                    <div class="col-xl-1 mb-2 mt-3">

                        <div class="d-flex">
                            <div style="margin-right: 7px">
                                <button class="btn btn-primary" id="btnSearch-LTS">
                                    <i class='bx bx-search-alt'></i>
                                </button>
                                <button class="btn btn-primary-transparent btn-loader d-block d-none"
                                    id="btnLoader-LTS">
                                    <span class="loading"><i class="ri-loader-4-line fs-16"></i></span>
                                </button>
                            </div>

                            <div>
                                <button type="button" class="btn btn-success" id="btnExport-excelhistoTransfert"
                                    data-bs-toggle="tooltip" title="Exporter en excel">
                                    <i class="ri ri-file-excel-2-line"></i>
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped text-nowrap tablehover w-100"
                            id="tableFichProdHistoListeTransfert">
                            <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="CreeLeFormat">
                                        Date de création
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="NumeroTransfertInterneFormat">
                                        Numéro Transfert inster-site &nbsp;&nbsp;&nbsp;&nbsp;
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="ReferenceSageTransfertSite">
                                        Réference SAGE
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="NomAgence">Départ</th>
                                    <th class="text-center" data-class="text-center" data-column="NomAgence_DESTINATION">
                                        Destination
                                    </th>
                                    <th class="text-center" data-class="text-left" data-column="etape">Etape</th>
                                    <th class="text-center" data-class="text-center" data-column="Valide">Validé</th>
                                    <th class="text-center" data-class="text-center" data-column="QteASugerreeFormat">
                                        Qté Suggérer
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="QteACollecterFormat">
                                        Qté à Collecter
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="QteTransfereeFormat">
                                        Qté Transférée
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="QteReceptionneeFormat">
                                        Qté Réceptionnée
                                    </th>
                                    <th class="text-center" data-class="text-left" data-column="NomZoneStockage">
                                        Zone de Prélèvement
                                    </th>
                                    <th class="text-center" data-class="text-left" data-column="NomZoneStockage_DESTINATION">
                                        Zone de Réception
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="NumeroTracabilite">
                                        NTSP
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="NumeroLotProduit">
                                        Numéro de Lot
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="DatePeremptionFormat">
                                        Péremption
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>

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

                <div class="row justify-content-between">
                    <div class="col-8">

                        <label for="inputPassword6" class="col-form-label">Nbre lignes : <span id="nbreLign-LTS"
                                class="badge bg-light-transparent text-dark fs-14"></span></label>

                    </div>


                </div>

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