@extends('models')
@section('titre-page', 'Listing mouvement de stocks')
@section('substock', 'open active')
@section('stock', 'active')
{{-- @section('TrfInterSite', 'active') --}}
@php
    if (!isset($CMU)) {
        $CMU = false;
    }

@endphp
@section('content-body')
    <style>
        .height-input {
            height: 2.5rem !important;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        ul.ui-autocomplete {
            z-index: 1100;
        }

        .ui-autocomplete {
            max-height: 350px;
            max-width: 1000px;
            overflow-y: auto;
            /* position: static !important; */
        }

        .ui-menu-item .ui-state-active {
            background: #D7C5FF8E;
            border: none;
            color: black
        }

        .ui-menu .ui-menu-item-wrapper {
            position: relative;
            padding: 1px 1em 1px 0.4em !important;
        }

        .autocomplete-table {
            width: 100%;
            border-collapse: collapse;
        }

        .autocomplete-table th,
        .autocomplete-table td {
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            padding: 8px;
        }

        .autocomplete-table th {
            background-color: #b9b9b9;
        }

        .ui-menu-item {
            cursor: pointer;
        }

        .ui-menu-item-wrapper {
            white-space: nowrap;
        }

        input[type="text"] {
            text-align: center
        }

        @media (min-width: 1200px) {
            .modal-xl {
                --bs-modal-width: 1260px !important;
            }
        }

        .modal-open-noscroll {
            overflow: hidden;
        }

        #tableDetailBl tbody tr:not(.rupture):hover {
            background-color: #f0f0f0;
            /* Couleur de fond lors du survol */
        }

        body.modal-open {
            overflow: hidden;
        }

        [data-filepond-item-state='processing-complete'] .filepond--item-panel {
            background-color: green;
        }
    </style>

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <!-- Start:: row-7 -->
        <div class="col-xl-12 col-12">
            <div class="row mb-3">
                <div class="col-xl-3 col-lg-4 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a
                                    href="javascript:void(0);">{{ $CMU == false ? 'Stocks' : 'CMU' }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Listing correction de stocks</li>
                        </ol>
                    </nav>
                </div>
                {{-- @if (isset($cmu))
                    <input type="hidden" value="true" id="checkCmu"/>
                    @else
                     <input type="hidden" value="false" id="checkCmu"/>
                @endif --}}
                <div class="col-xl-9 col-lg-7 col-md-12 col-sm-12 mt-xl-0 mt-2 mx-0 ">
                    <div class="row justify-content-end">
                        <div class="col-xl-2 px-0 mx-0 d-flex justify-content-end">

                        </div>
                        <div class="col-xl-2 col-sm-3 col-md-3 px-0 mx-0 d-flex justify-content-center">
                            <a href="{{ route('stock.mouvementStock.index') }}">
                                <button class=" btn btn-wave waves-effect waves-light btn-info-light w-100" id="btnNew">
                                    <i class='bx bx-plus-circle me-2'></i> Nouveau
                                </button>
                            </a>
                        </div>


                        <div class="col-xl-3 col-md-3 col-sm-4 px-0 mx-0 d-flex justify-content-center">
                            <button class=" btn btn-light w-100" id="btnActualise">
                                <i class="bi bi-arrow-repeat me-2"></i> Actualiser
                            </button>
                        </div>
                        <div class="col-xl-1 col-md-1 col-sm-4 px-0 d-flex justify-content-center">
                            <button class=" btn btn-danger w-100" id="btnSupprimerMvt" data-bs-toggle="tooltip"
                                data-bs-custom-class="tooltip-danger" data-bs-placement="top"
                                title="Supprimer correction stock">
                                <i class="bi bi-trash"></i>
                            </button>
                        </div>
                        <div class="col-xl-2 col-md-3 col-sm-6">

                            <div class="btn-group w-100" style="margin-top : 1px;">

                                <button class="btn btn-primary-light dropdown-toggle w-100" type="button"
                                    id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                    Autres actions
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                    @if (ModeGpharma() == 2)
                                        <li>
                                            <button class="dropdown-item text-start" id="btnValideCorrection">
                                                <i class='bx bx-export me-1'></i>&nbsp;Valider les corrections sélectionnées
                                            </button>
                                        </li>
                                    @endif
                                    <li>
                                        <button class="dropdown-item text-start" id="btnImprimeTransfert">
                                            <i class='bx bx-export me-1'></i>&nbsp;Imprimer
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnAnnulerMvt">
                                            <i class='bx bx-x-circle me-1'></i>Annuler les corrections sélectionnées
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnMarqueComptabilise">
                                            <i class='bx bx-export me-1'></i>&nbsp;Comptabiliser les corrections sélectionnées
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnMarqueNonComptabilise">
                                            <i class='bx bx-export me-1'></i>&nbsp;Marquer comme non comptabilisé les
                                            corrections sélectionnées
                                        </button>
                                    </li>


                                    <li>
                                        <button class="dropdown-item text-start" id="btnIntegrerExcel">
                                            <i class='ri ri-file-excel-2-line text-success me-1'></i>&nbsp;Integrer fichier excel
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnImporterCorrectionExcel">
                                            <i class='ri ri-file-excel-2-line text-success me-1'></i>&nbsp;Saisir des corrections depuis Excel
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btn-export-mvt-stock">
                                            <i class='ri ri-file-excel-2-line text-success me-1'></i>&nbsp;Exporter en excel
                                        </button>
                                    </li>

                                </ul>
                            </div>

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

    {{-- Les totaux de la periode filtree, au-dessus du listing : le meme bandeau
         qu'au listing des factures, pour que les deux ecrans se lisent pareil.
         Les montants sont nets — une sortie de stock compte en negatif. --}}
    <div class="row g-2 flex-nowrap">
        <div class="col">
            <div class="card custom-card border-top-card border-top-light rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1 text-nowrap">Corrections</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold text-nowrap" id="libNbCorrections">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card custom-card border-top-card border-top-info rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1 text-nowrap">Total HT</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold text-nowrap" id="libTotalHTCorrection">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card custom-card border-top-card border-top-danger rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1 text-nowrap">Total TVA</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold text-nowrap" id="libTotalTVACorrection">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card custom-card border-top-card border-top-success rounded-0">
                <div class="card-body px-0 py-2">
                    <div class="text-center">
                        <p class="fs-12 text-muted mb-1 text-nowrap">Total TTC</p>
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <h6 class="mb-0 fw-semibold text-nowrap" id="libTotalTTCCorrection">0</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col-xl-12 mb-2">
            <div class="accordion " id="">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="headingOne">
                        <button class="accordion-button bg-danger-gradient" type="button" data-bs-toggle="collapse"
                            data-bs-target="#correction_collapse" aria-expanded="true" aria-controls="correction_collapse">
                            Filtre
                        </button>
                    </h2>
                    <div id="correction_collapse" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                        data-bs-parent="#correction_collapse">
                        <div class="accordion-body">

                            <div class="row">

                                <div class="col-xl-4 mb-2">
                                    <p class="mb-0 text-muted">Site</p>
                                    <select class="form-select" name="IDAGENCE" id="IDAGENCE"  @disabled(checkIfDroit('DG_AccesMultiSite'))>

                                    </select>
                                </div>
                                <div class="col-xl-4 mb-2">
                                    <p class="mb-0 text-muted">Période</p>
                                    <input type="text" class="form-control dateperiode" id="periode" name="periode">
                                </div>
                                <div class="col-xl-4 mb-2">
                                    <p class="mb-0 text-muted">Produit</p>
                                    <select class="form-select" name="produit" id="produit">

                                    </select>
                                </div>
                                <div class="col-xl-4 mb-2">
                                    <p class="mb-0 text-muted">Motif de la correction</p>
                                    <select class="form-select" name="IDCORRECTION_MOTIF" id="IDCORRECTION_MOTIF">
                                        <option value="0"> TOUS </option>
                                        @foreach ($CORRECTION_MOTIF as $item)
                                            <option value="{{ $item->IDCORRECTION_MOTIF }}">
                                                {{ $item->LibelleMotifCorrection }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-4 mb-2">
                                    <p class="mb-0 text-muted">Etat</p>
                                    <select class="form-select" name="etat" id="etat">
                                        <option value="0">TOUS</option>
                                        <option value="1">VALIDE</option>
                                        <option value="2">NON VALIDE</option>
                                        <option value="3">A COMPTABILISER</option>
                                        <option value="4">COMPTABILISE</option>
                                    </select>
                                </div>
                                <div class="col-xl-1 mb-2 mt-3">
                                    <button class="btn btn-primary" id="btnSearch" data-bs-toggle="tooltip"
                                        data-bs-custom-class="tooltip-primary" data-bs-placement="right" title="Filtrer">
                                        <i class='bx bx-search-alt'></i>
                                    </button>
                                    <button class="btn btn-primary-transparent btn-loader d-block d-none" id="btnLoader">
                                        <span class="loading"><i class="ri-loader-4-line fs-16"></i></span>
                                    </button>
                                </div>
                            </div>

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

            </div>
        </div>

    </div>

    <div class="row">
        <div class=" col-xl-12">
            <div class="card  custom-card">

                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped tablehover text-nowrap w-100 no-footer dataTable"
                            id="tableListeMvt">
                            <thead class="table-header-primary">
                                <tr>

                                    <th class="text-center" data-column="action" data-class="text-center"
                                        data-orderable="false">
                                        <input class="form-check-input me-1" type="checkbox" id="checkCorrectionAll">
                                        #
                                    </th>

                                    <!-- <th class="text-center" data-column="etaCompta" data-class="text-center">C</th> -->
                                    <th class="text-center" data-column="NomAgence" data-class="text-center">Agence
                                    </th>
                                    <th class="text-center" data-column="Etat" data-class="text-center">Etat
                                    </th>
                                    <th class="text-center" data-column="NumeroCorrection" data-class="text-center">
                                        N° Correction
                                    </th>
                                    <th class="text-center" data-column="DateCorrection" data-class="text-center">
                                        Date de correction
                                    </th>
                                    <th class="text-center" data-column="LibelleMotifCorrection"
                                        data-class="text-center">
                                        Motif de correction
                                    </th>
                                    <th class="text-center" data-column="NomZoneStockage" data-class="text-center">
                                        Zone de stockage
                                    </th>
                                    <th class="text-center" data-column="TotalHTRevient" data-class="text-end">Total HT
                                    </th>
                                    <th class="text-center" data-column="TotalTaxeRevient" data-class="text-end">TVA</th>
                                    <th class="text-center" data-column="TotalTTCRevient" data-class="text-end">Total
                                        TTC</th>

                                    <th class="text-center" data-column="CommentaireCorrection" data-class="text-start">
                                        Commentaire</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalDetailMvt">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title">Détail correction de stock &nbsp; <span id="statutMvut"></span></h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-3">
                                            Numéro correction : <span id="numMvt" class="fw-bold"></span> &nbsp;&nbsp;
                                            <span id="etaCompta"></span>
                                        </div>
                                        <div class="col-3">
                                            Total HT : <span id="totalHtMvt" class="fw-bold"></span>
                                        </div>
                                        <div class="col-3">
                                            Total TVA : <span id="totalTvaMvt" class="fw-bold"></span>
                                        </div>
                                        <div class="col-3">
                                            Total TTC : <span id="totalTtcMvt" class="fw-bold"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <div class="table-responsive">
                                <table class="tablehover table table-striped tablehover openModalProduit text-nowrap w-100 no-footer"
                                    id="tableListeMvtLigne">
                                    <thead class="table-header-primary">
                                        <tr>
                                            <th class="text-center" data-column="CodeCipProduit1"
                                                data-class="text-center">Code Produit</th>
                                            <th class="text-center" data-column="DesignationProduit"
                                                data-class="text-start">
                                                Désignation</th>
                                            <th class="text-center" data-column="NomLaboratoire" data-class="text-start">
                                                Laboratoire</th>
                                            <th class="text-center" data-column="QteCorrigee" data-class="text-center">
                                                Qté Corrigée</th>
                                            <th class="text-center" data-column="NumeroLotProduit"
                                                data-class="text-center">Numéro de Lot</th>
                                            <th class="text-center" data-column="DatePeremption"
                                                data-class="text-center">Péremption</th>
                                            <th class="text-center" data-column="TauxTaxe" data-class="text-center">TVA
                                            </th>
                                            <th class="text-center" data-column="PrixGHT" data-class="text-center">PGHT
                                            </th>
                                            <th class="text-center" data-column="PrixRMP" data-class="text-center">P.
                                                Révient HT</th>
                                            <th class="text-center" data-column="TotalHT" data-class="text-end">Total
                                                HT</th>
                                            <th class="text-center" data-column="TotalTaxe" data-class="text-end">
                                                Total Taxe</th>
                                            <th class="text-center" data-column="TotalTTC" data-class="text-end">Total
                                                TTC</th>
                                            <th class="text-center" data-column="CommentaireCorrectionLigne"
                                                data-class="text-start">commentaire</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>

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

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

    <div class="modal fade effect-scale" id="modalIntegreCSV" data-bs-focus="false">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Integration de fichier</h6><button aria-label="Close"
                        class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">

                    <form id="formIntegreCsv" enctype="multipart/form-data">
                        <div class="card-body">
                            @csrf
                            <div class="row">
                                <div class="col-xl-4 col-lg-3 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Site</p>
                                    <input type="hidden" name="IDAGENCE_INSERT" id="IDAGENCE_INSERT" >
                                    <input type="text" class="form-control"  id="IDAGENCE_label" disabled>
                                </div>
                                <div class="col-xl-8 col-lg-4 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Motif de correction</p>
                                    <select class="form-select" name="IDCORRECTION_MOTIF_INSERT"
                                        id="IDCORRECTION_MOTIF_INSERT" @required(true)>
                                        <option value="0"> </option>
                                            @foreach ($CORRECTION_MOTIF as $item)
                                                <option value="{{ $item->IDCORRECTION_MOTIF }}">
                                                    {{ $item->LibelleMotifCorrection }}
                                                </option>
                                            @endforeach

                                    </select>

                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <div class="col-xl-12 col-lg-12 col-md-12 mb-2">
                                    <input type="text" name="filename" id="filename" hidden>
                                    <input type="file" class="multiple-filepond" name="file"
                                        data-allow-reorder="true" data-max-file-size="10MB" data-max-files="1"
                                        id="fileUpload" @required(true)>
                                </div>
                                <!-- <div class="text-center">Format : 
                                    <span class="fw-bold text-danger "> | Qté à transférer | </span>
                                    <span class="fw-bold text-success ">Désignation</span>
                                    <br>
                                    Type de fichier :  XLS XLSX
                                </div> -->
                                <input type="submit" value="" id="submitcsv" hidden>

                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer p-0">
                    <label for="submitcsv"
                        class="btn btn-success-light btn-wave w-100 flex-fill d-flex justify-content-center align-items-center mt-2"
                        id="">
                        <i class='bx bxs-check-circle  mt-1 me-1' style="cursor:pointer;"></i> Intégrer
                    </label>
                </div>
            </div>
        </div>
    </div>

    {{-- Saisie de corrections depuis un ou plusieurs classeurs Excel.
         L'operateur ne renseigne que le site et le motif ; le reste vient des fichiers,
         et tous les fichiers deposes donnent une seule correction. --}}
    <div class="modal fade effect-scale" id="modalImportCorrection" data-bs-focus="false">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Saisir des corrections depuis Excel</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">

                    <form id="formImportCorrection" enctype="multipart/form-data">
                        <div class="card-body">
                            @csrf
                            <div class="row">
                                <div class="col-xl-4 col-lg-4 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Site</p>
                                    <input type="hidden" id="IDAGENCE_IMPORT">
                                    <input type="text" class="form-control" id="IDAGENCE_IMPORT_label" disabled>
                                </div>
                                <div class="col-xl-8 col-lg-8 col-md-8 mb-2">
                                    <p class="mb-0 text-muted">Motif de correction</p>
                                    <select class="form-select" id="IDCORRECTION_MOTIF_IMPORT" @required(true)>
                                        <option value="0"> </option>
                                        @foreach ($CORRECTION_MOTIF as $item)
                                            <option value="{{ $item->IDCORRECTION_MOTIF }}">
                                                {{ $item->LibelleMotifCorrection }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <div class="col-xl-12 col-lg-12 col-md-12 mb-2">
                                    <input type="file" class="filepond-correction" name="fichierCorrection"
                                        data-allow-reorder="true" data-max-file-size="10MB"
                                        id="fileUploadCorrection" multiple>
                                </div>
                                <div class="text-center fs-12 text-muted">
                                    Une ligne d'en-tête, puis une ligne par lot à corriger :
                                    <span class="fw-bold text-dark">A</span> code CIP &nbsp;|&nbsp;
                                    <span class="fw-bold text-dark">B</span> désignation &nbsp;|&nbsp;
                                    <span class="fw-bold text-dark">C</span> zone de stockage &nbsp;|&nbsp;
                                    <span class="fw-bold text-dark">D</span> n° de lot &nbsp;|&nbsp;
                                    <span class="fw-bold text-dark">E</span> péremption &nbsp;|&nbsp;
                                    <span class="fw-bold text-dark">F</span> quantité
                                    <br>
                                    Tous les fichiers déposés forment <span class="fw-bold text-dark">une seule
                                        correction</span>. Type de fichier : XLS, XLSX
                                </div>
                                <input type="submit" value="" id="submitImportCorrection" hidden>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer p-0">
                    <label for="submitImportCorrection"
                        class="btn btn-success-light btn-wave w-100 flex-fill d-flex justify-content-center align-items-center mt-2">
                        <i class='bx bxs-check-circle mt-1 me-1' style="cursor:pointer;"></i> Intégrer
                    </label>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')

    <script>
        var listeDataCorrection = null

        function listeLigneSelectionne() {

            let dataIdLigne = []
            let dataPack = []
            let valNow = ""
            let tableListe = $("#tableListeMvt").DataTable()
            let lignes = tableListe.rows().nodes()

            $.each($(lignes).find('#checkLigneCorrection'), function(key, value) {
                if (value.checked == true) {
                    // data - idclient
                    dataIdLigne.push(value.getAttribute('data-id'))
                }
            })
            return dataIdLigne
        }

        function getDataMvt(dataRecup = null) {
            $.ajax({
                type: "get",
                url: "{{ route('stock.listingMouvementStock.getMltListe') }}",
                data: {
                    IDAGENCE: $("#IDAGENCE").val(),
                    periode: $("#periode").val(),
                    produit: $("#produit").val(),
                    IDCORRECTION_MOTIF: $("#IDCORRECTION_MOTIF").val(),
                    etat: $("#etat").val(),
                    CMU: '{{ $CMU }}'
                },
                beforeSend: function() {
                    $("#btnSearch").addClass("d-none")
                    $("#btnLoader").removeClass("d-none")

                    /* Remis a zero le temps du chargement : les totaux de la recherche
                       precedente ne doivent pas se lire comme ceux de la nouvelle. */
                    majTotauxCorrection(null)
                },
                dataType: "json",
                success: async function(response) {

                    if (response.error == false) {

                        majTotauxCorrection(response.totaux)

                        tableListeMvt = await remplissageDataTable({
                            IdentifiantDuTableau: '#tableListeMvt',
                            obj: response.data
                        })

                        listeDataCorrection = response.data

                        $("#btnLoader").addClass("d-none")
                        $("#btnSearch").removeClass("d-none")

                        // console.log(dataRecup);

                        if (dataRecup != null && dataRecup.versCorrection == "true") {
                            // tableListeMvt.search(dataRecup.NumeroCorrection).draw();
                            $('input[aria-controls=tableListeMvt]').val(dataRecup.NumeroCorrection).trigger('input')
                            // $('#tableListeMvt_filter input').trigger('input')
                        }
                        return 0
                    }
                    $("#btnLoader").addClass("d-none")
                    $("#btnSearch").removeClass("d-none")
                },
                error: function(response) {
                    $("#btnLoader").addClass("d-none")
                    $("#btnSearch").removeClass("d-none")

                    majTotauxCorrection(null)

                    notifError(response.responseJSON.messages)
                }
            });
        }

        /** Le bandeau de totaux. Sans totaux — chargement en cours, ou echec — il retombe
         *  a zero plutot que de garder les chiffres de la recherche precedente. */
        function majTotauxCorrection(totaux) {

            $("#libNbCorrections").text(totaux ? totaux.nombre : 0)
            $("#libTotalHTCorrection").text(totaux ? totaux.totalHT : 0)
            $("#libTotalTVACorrection").text(totaux ? totaux.totalTaxe : 0)
            $("#libTotalTTCCorrection").text(totaux ? totaux.totalTTC : 0)
        }

        $(document).ready(async function() {

            $("#IDCORRECTION_MOTIF").select2()

            function chargerSelectlisteAgence($idagence = null) {
                $.ajax({
                    url: '{{ route('listeAgence') }}',
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        // console.log(response)
                        $('#IDAGENCE').html('')

                        $('#IDAGENCE').append('<option value="0">TOUS</option>')
                        $.each(response.data, function(key, value) {
                            $('#IDAGENCE').append(
                                `<option value="${value["IDAGENCE"]}">${value["NomAgence"]}</option>`
                            )
                        })

                        if ($idagence == null) {
                            $('#IDAGENCE').val('{{ session()->get('IDAGENCE') }}').change()
                        } else {
                            $('#IDAGENCE').val($idagence).change()
                        }

                    }
                })
            }

            function chargerSelectProduit($idproduit = null) {

                $.ajax({
                    url: '{{ route('listingProduitSimple') }}',
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {

                        $('#produit').html('')
                        $('#produit').append('<option value="0">TOUS LES PRODUITS</option>')

                        $.each(response.data, function(key, value) {
                            $('#produit').append(
                                `<option value="${value["IDPRODUIT"]}">${value["DesignationProduit"]}</option>`
                            )
                        })
                        $('#produit').select2()

                        if ($idproduit != null) {
                            $('#produit').val($idproduit).change()
                        }
                    }
                })
            }

            var tableListeMvt = $("#tableListeMvt").DataTable({
                language: languageTable,
                // pagingType: 'full_numbers',
                pageLength: 25,
                lengthChange: true,
                order: [],
            })

            const MultipleElement = document.querySelector('.multiple-filepond');
            var filePond = FilePond.create(MultipleElement, {
                labelIdle: `Glisser déposer ou <span class="filepond--label-action">Sélectionner</span>`,
                acceptedFileTypes: [
                    'application/vnd.ms-excel', 
                    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                ],
                
                // Custom error message
                labelFileTypeNotAllowed: "Seuls les fichiers .xls et .xlsx sont autorisés",
                fileValidateTypeDetectType: (source, type) => new Promise((resolve, reject) => {
                    // Optional: Helps with browser consistency
                    resolve(type);
                })
            });

            FilePond.setOptions({
                server: {
                    url: '/stocks/transfertInterZone', // Your backend upload endpoint
                    process: {
                        url: '/uploadCSVTransfert',
                        method: 'POST',
                        // withCredentials: false,
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        },
                        // timeout: 7000,
                        onload: (response) => {
                            let rep = JSON.parse(response)
                            // console.log("onload")
                            $("#filename").val(rep.filePath)
                            // console.log()
                        },
                        onerror: (response) => {
                            // console.log("onerror")
                            // console.log(response)
                        },
                        ondata: (formData) => {
                            // console.log("ondata")

                            formData.append('file', _("fileUpload"));
                            return formData;
                        },
                    },
                    revert: {
                        url: '/deleteCSVTransfert',
                        method: 'DELETE',
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        },
                        onload: (response) => response,
                        onerror: (response) => response,
                    }
                }
            });

            $(document).on("click", ".btn-view-mvs", function() {
                let id = $(this).data("id")
                $.ajax({
                    type: "get",
                    url: "{{ route('stocks.mouvementStock.getLine', '') }}/" + id,
                    dataType: "json",
                    success: function(response) {

                        if (response.error == false) {
                            $("#modalDetailMvt").modal("show")


                            $("#modalDetailMvt").on("shown.bs.modal", function() {
                                remplissageDataTable({
                                    IdentifiantDuTableau: '#tableListeMvtLigne',
                                    obj: response.correction_ligne
                                })

                                $("#numMvt").text(response.correction
                                    .NumeroCorrection)
                                $("#etaCompta").html(response.correction.etaCompta)
                                $("#totalHtMvt").text(formatNumberPerf(response
                                    .correction
                                    .TotalHTRevient))
                                $("#totalTvaMvt").text(formatNumberPerf(response
                                    .correction
                                    .TotalTaxeRevient))
                                $("#totalTtcMvt").text(formatNumberPerf(response
                                    .correction
                                    .TotalTTCRevient))
                                $("#statutMvut").html(response.correction.statut)

                            })
                            // etaCompta
                        }

                    },
                    error: function(response) {
                        console.log(response)
                    }
                });
            }).on("click", "#btnActualise", function() {
                getDataMvt(dataRecup)
            }).on("click", "#btnSupprimerMvt", function() {
                let listeID = listeLigneSelectionne("#tableListeMvt", "#checkLignemvt")
           
                if (listeID.length <= 0) {
                    alertSwal("Cocher une ou plusieurs lignes !!!")
                    return false
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            type: "delete",
                            url: "{{ route('stocks.mouvementStock.delete') }}",
                            data: {
                                data: listeID,
                                _token: "{{ csrf_token() }}"
                            },
                            dataType: "json",
                            success: function(response) {
                                if (response.error == false) {
                                    notifSuccess(response.messages)
                                    getDataMvt(dataRecup)
                                    return false
                                }
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                notifDanger(response.responseJSON.messages)
                            }
                        });
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la suppression des lignes cochées. <br><br> les mouvements validés ne seront pas supprimés !", {
                        sousTitre: '',
                        infoJNL: "SUPPRESSION DE LIGNE DE CORRECTION DE STOCK",
                        typeJNL: 3,
                        CodeDroit: "DS_Correction"
                    })

            }).on("click", "#btnImprimeTransfert", function() {
                let listeID = listeLigneSelectionne("#tableListeMvt", "#checkLignemvt")
        
                if (listeID.length <= 0) {
                    alertSwal("Cocher une ou plusieurs lignes !!!")
                    return false
                }

                $.ajax({
                    type: "post",
                    url: "{{ route('stocks.mouvementStock.print') }}",
                    data: {
                        data: listeID,
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            var pdfBase64 = response.tablePDF;
                            genererPDF(pdfBase64)
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        notifError(response.responseJSON.messages)
                    }
                });
            })

            $(document).on("click", "#btnMarqueComptabilise", function() {

                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                    return false
                }

                let ligneNonCompta = listeDataCorrection.filter((items) => listeID.includes(String(items
                    .IDCORRECTION)) && items.CorrectionComptabilise == true)

                if (ligneNonCompta.length > 0) {
                    let confirm = new Promise((resolve, reject) => {
                        confirmAction(() => {
                                resolve(true)
                            },
                            "Que faire pour les Corrections déjà integrées ?",
                            "", "warning",
                            () => {
                                resolve(false)
                            }
                        )
                    });

                    confirm.then(function(result) {
                        comptablilise(listeID, result)
                    })
                } else {
                    comptablilise(listeID)
                }
            })

            function comptablilise(listeID, result = true) {
                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.listingMouvementStock.comptabliliseCorrection') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        BIgnore: result,
                        data: listeID
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            notifSuccess(response.messages)
                            getDataMvt(dataRecup)
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        notifError(response.responseJSON.messages)
                    }
                });
            }

            $("#btnSearch").on("click", function(e) {
                let session = 'filterMemory.filtreListeMouvementStocks'
                let Periode = convertirFormatDate2(_('periode').value)
                let search = $('#tableListeMvt_filter input').val()
                let valeurSession = {
                    'IDAGENCE': _('IDAGENCE').value,
                    'debutPeriode': Periode[0],
                    'finPeriode': Periode[1],
                    'periode': _('periode').value,
                    'NumeroCorrection': search,
                    'IDCORRECTION_MOTIF': _('IDCORRECTION_MOTIF').value,
                    'produit': _("produit").value,
                    'etat': _("etat").value,
                    "versCorrection": search == "" ? false : true
                }

                modifierValeurSession("{{ csrf_token() }}", session, valeurSession)
                    .then(function(data) {
                        getDataMvt(dataRecup)
                    })
            });

            var dataRecup = null

            await recupererValeurSession('filterMemory.filtreListeMouvementStocks')
                .then(async (data) => {

                    let dataAgence = null
                    let dataProd = null
                    if (data != null) {

                        dataRecup = data
                        _('periode').value = data.periode
                        $('#IDCORRECTION_MOTIF').val(data.IDCORRECTION_MOTIF).trigger("change")
                        $('#etat').val(data.etat).trigger("change")
                        dataProd = data.produit
                        dataAgence = data.IDAGENCE

                        await chargerSelectlisteAgence(dataAgence)
                        await chargerSelectProduit(dataProd)

                        $("#btnSearch").click()
                        return false
                    }

                    await chargerSelectlisteAgence()
                    await chargerSelectProduit()
                    $("#btnSearch").click()
                })


            _('checkCorrectionAll').addEventListener('click', function() {

                let value = this.checked

                let lignes = listeDataCorrection.rows().nodes()

                $(lignes).find('.checkLignemvt').prop('checked', value)
            })

            _('btnAnnulerMvt').addEventListener('click', function() {

                let listeID = listeLigneSelectionne("#tableListeMvt", "#checkLignemvt")

                if (listeID.length <= 0) {
                    alertSwal("Cocher une ou plusieurs lignes !!!")
                    return false
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            type: "post",
                            url: "{{ route('stocks.mouvementStock.annuler') }}",
                            data: {
                                data: listeID,
                                _token: "{{ csrf_token() }}"
                            },
                            dataType: "json",   
                            success: function(response) {
                                if (response.error == false) {
                                    notifSuccess(response.messages)
                                    getDataMvt(dataRecup)

                                    return false
                                }
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                notifError(response.responseJSON.messages)
                            }
                        });
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider l'annulation des lignes cochées ?", {
                        sousTitre: 'Cette opération va générer des mouvements contraire pour les mouvements validés !',
                        infoJNL: "ANNULATION DE LIGNE DE CORRECTION DE STOCK",
                        typeJNL: 3,
                        CodeDroit: "DS_Correction"
                    })
            })


            $("#btnValideCorrection").click(function(e) {
                e.preventDefault();

                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                    return false
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('stocks.mouvementStock.validerCorrection') }}",
                            data: {
                                _token: "{{ csrf_token() }}",
                                id: listeID
                            },
                            dataType: "json",
                            beforeSend: function() {
                                progressHandler()
                            },
                            success: function(response) {
                                // console.logresponse)
                                if (response.error == false) {
                                    completeHandler()
                                    notifSuccess(response.messages)
                                    $("#btnSearch").click()
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                notifSuccess(response.responseJSON.messages)
                            }
                        });
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la/les correction(s) sélectionnée(s) ?", {
                        sousTitre: '',
                        infoJNL: "VALIDATION DE CORRECTION",
                        typeJNL: 3,
                        CodeDroit: "DS_ValiderCorrectionStock"
                    })
            });

            $("#btnIntegrerExcel").click(function() {
                $("#IDAGENCE_INSERT").val($("#idSiteEnCours").val())
                $("#IDAGENCE_label").val($.trim($("#idSiteEnCours option:selected").text()))
                
                $("#modalIntegreCSV").modal("show")
            })

            $(document).on("submit", "#formIntegreCsv", function(e) {
                e.preventDefault()

                if ($("#IDCORRECTION_MOTIF_INSERT").val() == 0) {
                    alertSwal("Veuillez sélectionner un motif de correction")
                    return false
                }

                let formData = new FormData(this)
                formData.append('IDAGENCE_INSERT', $("#IDAGENCE_INSERT").val())
                formData.append('IDCORRECTION_MOTIF_INSERT', $("#IDCORRECTION_MOTIF_INSERT").val())

                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.listingMouvementStock.integrerCsv') }}",
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    beforeSend: function() {
                        progressHandler()
                    },
                    success: function(response) {
                        completeHandler()
                        // if (response.error == false) {
                        //     notifSuccess(response.messages)
                        //     $("#modalIntegreCSV").modal("hide")
                        //     filePond.removeFiles()
                        //     $("#formIntegreCsv")[0].reset()

                            
                           
                        //     downloadExcel(response.file, response.filename)
                        //     return false
                        // }
                        // notifWarning(response.messages)

                        if(response.success == 1){

                            notifSuccess('Opération éffectuée avec succès')

                            response.tableExcel.forEach(element => {
                                
                                downloadExcel(element.base, element.nomFichier)
                            });

                            $("#btnSearch").click()
                        }else{

                            notifDanger(response.msg)
                        }

                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        notifError(response.responseJSON.messages)
                    }
                });
            })

            $(document).on('click', '#btn-export-mvt-stock', function() {
                var data = getCleanedTableData('tableListeMvt')
                const filename = file_name("LISTING_MOUVEMENT_STOCK");
                const tabs_format = {
                    G: '#,##0',
                    H: '#,##0',
                    I: '#,##0'
                };
                download_excel_file('{{ route('export_global_excel.export') }}', data, filename, ['#'],
                    tabs_format)
            })

            /* ------------------------------------------------------------------ */
            /*  Saisie de corrections depuis un ou plusieurs classeurs Excel       */
            /* ------------------------------------------------------------------ */

            /* Cette instance a son propre point de depot, distinct de celui du transfert
               inter-zone : celui-la n'accepte pas partout les classeurs Excel, range le
               chemin depose dans #filename — un seul champ, qui ne saurait pas tenir
               plusieurs fichiers — et son endpoint de suppression vide le dossier entier.
               Ici, le chemin rendu par le serveur devient l'identifiant du fichier, et
               FilePond le garde avec lui.

               allowRevert est coupe : rien a defaire cote serveur, le menage des classeurs
               en attente se fait au depot suivant. */
            const filePondCorrection = FilePond.create(
                document.querySelector('.filepond-correction'), {
                    labelIdle: `Glisser déposer ou <span class="filepond--label-action">Sélectionner</span> un ou plusieurs fichiers`,
                    allowMultiple: true,
                    allowRevert: false,
                    maxFiles: 20,
                    acceptedFileTypes: [
                        'application/vnd.ms-excel',
                        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                    ],
                    labelFileTypeNotAllowed: "Seuls les fichiers .xls et .xlsx sont autorisés",
                    fileValidateTypeDetectType: (source, type) => new Promise((resolve) => {
                        resolve(type)
                    }),
                    name: 'fichierCorrection',
                    server: {
                        process: {
                            url: '{{ route('stock.listingMouvementStock.deposerFichierCorrection') }}',
                            method: 'POST',
                            headers: {
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            },
                            onload: (response) => {
                                /* Ce que l'on rend ici devient le serverId du fichier :
                                   c'est ainsi qu'on retrouve son chemin a l'envoi. */
                                return JSON.parse(response).filePath
                            },
                            /* Ce que l'on rend ici s'affiche sous la barre du fichier : le
                               motif du refus vaut mieux qu'un « Error during upload ». */
                            onerror: (response) => {
                                try {
                                    return JSON.parse(response).messages
                                } catch (e) {
                                    return null
                                }
                            }
                        }
                    }
                })

            $("#btnImporterCorrectionExcel").click(function() {

                $("#IDAGENCE_IMPORT").val($("#idSiteEnCours").val())
                $("#IDAGENCE_IMPORT_label").val($.trim($("#idSiteEnCours option:selected").text()))
                $("#IDCORRECTION_MOTIF_IMPORT").val(0)

                filePondCorrection.removeFiles()

                $("#modalImportCorrection").modal("show")
            })

            $(document).on("submit", "#formImportCorrection", function(e) {

                e.preventDefault()

                if ($("#IDCORRECTION_MOTIF_IMPORT").val() == 0) {

                    alertSwal("Veuillez sélectionner un motif de correction")
                    return false
                }

                /* Seuls les fichiers que le serveur a bien recus partent : un depot encore en
                   cours n'a pas de chemin, et l'envoyer ferait chercher un fichier absent. */
                let chemins = []
                let noms = []

                filePondCorrection.getFiles().forEach(function(fichier) {

                    if (fichier.serverId) {

                        chemins.push(fichier.serverId)
                        noms.push(fichier.filename)
                    }
                })

                if (chemins.length == 0) {

                    alertSwal("Veuillez déposer au moins un fichier, et attendre la fin du dépôt")
                    return false
                }

                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.listingMouvementStock.importerCorrectionExcel') }}",
                    data: {
                        IDAGENCE: $("#IDAGENCE_IMPORT").val(),
                        IDCORRECTION_MOTIF: $("#IDCORRECTION_MOTIF_IMPORT").val(),
                        fichiers: chemins,
                        nomsFichiers: noms,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {

                        completeHandler()

                        /* Le rapport part dans les deux cas : une integration sans aucune
                           ligne retenue est justement celle dont on veut savoir pourquoi. */
                        if (response.rapport) {

                            downloadExcel(response.rapport.base, response.rapport.nomFichier)
                        }

                        if (response.success != 1) {

                            notifDanger(response.msg + (response.rejets > 0 ?
                                ' ' + response.rejets +
                                ' ligne(s) rejetée(s) : voir le fichier téléchargé.' : ''))
                            return 0
                        }

                        $("#modalImportCorrection").modal("hide")

                        notifSuccess('Correction ' + response.NumeroCorrection + ' créée : ' +
                            response.lignes + ' ligne(s) sur ' + response.zones +
                            ' zone(s) de stockage.')

                        if (response.rejets > 0) {

                            afficherRefusMetier(response.rejets +
                                ' ligne(s) n\'ont pas pu être intégrées — le détail et les raisons sont dans le fichier qui vient d\'être téléchargé.',
                                'Lignes non intégrées')
                        }

                        $("#btnSearch").click()
                    },
                    error: function(response) {

                        completeHandler()
                        notifError(response.responseJSON ? response.responseJSON.msg : 'Erreur')
                    }
                })
            })
        })
    </script>
@endsection