{{-- Section modal --}}
<div class="modal fade" id="modalHistoMvtStock" 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 mouvements de stock du produit : <span
                        id="nomProd-LMS"></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-LMS" id="site-LMS" 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 dateOnly text-center"
                            id="periode-LMS" name="periode-LMS">
                    </div>
                    <div class="col-4">
                        <p class="mb-0 text-muted">Motif de correction</p>
                        <select name="motif-LMS" id="motif-LMS" class="form-select">
                        </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-LMS">
                                        <i class='bx bx-search-alt'></i>
                                    </button>
                                    <button class="btn btn-primary-transparent btn-loader d-block d-none" id="btnLoader-LMS">
                                        <span class="loading"><i class="ri-loader-4-line fs-16"></i></span>
                                    </button>
                            </div>

                            <div>
                                    <button type="button" class="btn btn-success" style="height:39px" id="btnExport-excelhistoMvtStock" 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="tableFichProdHistoListeMvtStock">
                            <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="NomAgence">Agence
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="DateCorrection">Date
                                        de correction</th>
                                    <th class="text-center" data-class="text-center" data-column="NumeroCorrectionFormat">
                                        N° correction
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="LibelleMotifCorrection">Motif
                                        de correction</th>
                                    <th class="text-center" data-class="text-center" data-column="NomZoneStockage">Zone
                                        de Stockage</th>
                                    <th class="text-center" data-class="text-center" data-column="QteCorrigee">Qté
                                        Corrigée</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_CO">Numéro
                                        de Lot</th>
                                    <th class="text-center" data-class="text-center" data-column="DatePeremption_CO">
                                        Péremption</th>
                                    <th class="text-center" data-class="text-center" data-column="TauxTaxe">TVA
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="PrixGHT">PGHT
                                    </th>
                                    <th class="text-center" data-class="text-center" data-column="PrixRevientHT">P.
                                        Révient HT</th>
                                    <th class="text-center" data-class="text-end" data-column="TotalHT">Total
                                        HT</th>
                                    <th class="text-center" data-class="text-end" data-column="TotalTaxe">Total
                                        Taxe</th>
                                    <th class="text-center" data-class="text-end" data-column="TotalTTC">
                                        Total TTC</th>
                                    <th class="text-center" data-class="text-start" data-column="CommentaireCorrection">
                                        Commentaire mvt stock</th>
                                    <th class="text-center" data-class="text-start" data-column="CommentaireCorrectionLigne">
                                       Commentaire mvt stock ligne</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-6">

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

                    </div>

                    <div class="col-6">
                        <div class="row justify-content-end">
                            <div class="col-4">
                                <label for="totalFacture" class="col-form-label">Total HT :
                                    <span id="totalht-LMS" class="badge bg-light-transparent text-dark  fs-14"></span>
                                </label>

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

                                <label class="col-form-label">Total TVA :
                                    <span id="totaltva-LMS" class="badge bg-light-transparent text-dark fs-14"></span>
                                </label>

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

                                <label class="col-form-label">Total TTC :
                                    <span id="totalttc-LMS" class="badge bg-light-transparent text-dark fs-14"></span>
                                </label>

                            </div>

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

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