@extends('models')
@section('titre-page', 'Actualisation de données')
@section('content-body')
    <!-- 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-2">
                <div class="col-xl-7 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Contrôles</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Actualisation de données</li>
                        </ol>
                    </nav>
                </div>
                <div class="col-xl-5 col-md-8">
                    {{-- <button class="btn btn-primary" id="verifycode">check</button> --}}
                </div>
            </div>
        </div>
    </div>

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

                <div class="card-body">
                    <div class="row row-cols-md-4 row-cols-sm-3 row-cols-xxl-6 personal-favourite-contacts mb-0 gap-2 flex-wrap">
                        <div class="col d-flex flex-fill" style="cursor: pointer;">
                            <div class="btn-group w-100 ms-2">
                                <div class="d-flex  w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2 dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    <div class="">
                                        <span class="avatar avatar-lg bg-primary-transparent p-2">
                                            <i class="ri-macbook-line fs-18 lh-1"></i>
                                        </span>
                                    </div>
                                    <div class="flex-fill">
                                        <span class="fw-semibold d-block mb-0">Intégration de données</span>
                                    </div>
                                </div>
                                <ul class="dropdown-menu" style="">
                                    <li class="mb-0">
                                        <span class="dropdown-item " id="btnGps">
                                            Coordonnées GPS client
                                        </span>
                                    </li>

                                    <li class="mb-0">
                                        <span class="dropdown-item" id="btnEmplacement">
                                            Emplacement
                                        </span>
                                    </li>
                                    <li class="mb-0">
                                        <span class="dropdown-item" id="btnEmplacementProduit">
                                            Nouveaux emplacemnt aux produits
                                        </span>
                                    </li>
                                    <li class="mb-0">
                                        <span class="dropdown-item" id="btnForme">
                                            Nouvelles formes aux produits
                                        </span>
                                    </li>

                                     <li class="mb-0">
                                        <span class="dropdown-item" id="btn_seuils_reappro_detail">
                                           Seuils réappro détail
                                        </span>
                                    </li>

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

                        <div class="col d-flex flex-fill" id="btnNewQuinzaine" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Création nouvelle quinzaine</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnCodeDouanes" style="cursor: pointer;">
                            <div
                                class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualiser les codes douanes</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" style="cursor: pointer;">
                            <div class="btn-group w-100 ms-2">
                                <div class="d-flex  w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2 dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    <div class="">
                                        <span class="avatar avatar-lg bg-primary-transparent p-2">
                                            <i class="ri-macbook-line fs-18 lh-1"></i>
                                        </span>
                                    </div>
                                    <div class="flex-fill">
                                        <span class="fw-semibold d-block mb-0">Actualisation VM</span>
                                    </div>
                                </div>
                                <ul class="dropdown-menu" style="">
                                    <li class="mb-0" style="cursor:pointer;">
                                        <span class="dropdown-item " id="btnActualiserVMDesProduits">
                                            Actualiser les VM des produits (1)
                                        </span>
                                    </li>

                                    <li class="mb-0" style="cursor:pointer;">
                                        <span class="dropdown-item" id="btnRecalculerLesVM">
                                            Recalculer les VM (2)
                                        </span>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserCarnetAppel" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualiser le carnet d'appel</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserPrixCessionTTC" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualiser les prix cession TTC</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserPrixPublicTTC" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualiser les prix public TTC</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserCoursDeRoute" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualisation des cours de route</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserCodeDouane" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualisation des codes douanes</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserSeuilsDesPays" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualisation seuil des pays</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualiserSeuils" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualisation seuil</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col d-flex flex-fill" id="btnActualiserCategorieABC" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0">Actualiser catégorie A-B-C</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualisationDesLots" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0 text-center">Actualisation des lots</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualisationSoldeClient" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0 text-center">Actualisation des soldes des clients</span>
                                </div>
                            </div>
                        </div>

                        <div class="col d-flex flex-fill" id="btnActualisationDesConsoClient" style="cursor: pointer;">
                            <div class="d-flex w-100 flex-column justify-content-center align-items-center bg-light rounded-1 p-2">
                                <div class="">
                                    <span class="avatar avatar-lg bg-primary-transparent p-2">
                                        <i class="ri-macbook-line fs-18 lh-1"></i>
                                    </span>
                                </div>
                                <div class="flex-fill">
                                    <span class="fw-semibold d-block mb-0 text-center">Actualisation des consommations des clients</span>
                                </div>
                            </div>
                        </div>

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

    {{-- Modal GPRS --}}
    <input type="text" name="filename" id="filename" hidden>
    <div class="modal fade" id="modalGPS">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">INTEGRATION DE DONNEE GPS</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-12 mb-2 text-danger fs-14 fw-bold">
                            Format du fichier d'integration <br>
                            Code client | Nom client | Latitude | Longitude
                        </div>
                        <div class="col-xl-12 col-lg-12 col-md-12 mb-2">
                            <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>
                </div>
                <div class="modal-footer p-0">
                    <button class="btn btn-primary w-100" type="button" id="btnIntegre">Integrer le fichier</button>
                </div>
            </div>
        </div>
    </div>

    {{-- EMPLACEMENT --}}
    <div class="modal fade" id="modalEmplacement">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">INTEGRATION D'EMPLACEMENT</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <form id="formEmplacement" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="row mb-2">
                            <div class="col-12 mb-2 text-danger fs-14 fw-bold">
                                Format du fichier d'integration :
                                Nom d'emplacement
                            </div>
                            <div class="col-xl-4">
                                <p class="mb-0 text-muted">Site</p>
                                <select class="form-select" name="IDAGENCE" id="IDAGENCE">

                                </select>
                            </div>
                            <div class="col-xl-4">
                                <p class="mb-0 text-muted">Zone de stockage</p>
                                <select class="form-select" name="IDZONESTOCKAGE" id="IDZONESTOCKAGE">

                                </select>
                            </div>
                            <div class="col-xl-4">
                                <p class="mb-0 text-muted">Rack</p>
                                <select class="form-select" name="etagere" id="etagere">

                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 mb-2">
                                <input type="file" class="multiple-fileponds" name="file"
                                    data-allow-reorder="true" data-max-file-size="10MB" data-max-files="1"
                                    id="fileUpload" @required(true)>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <button class="btn btn-primary w-100" type="submit" id="btnIntegreEmplacement">Integrer le
                            fichier</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- EMPLACEMENT PRODUIT --}}
    <div class="modal fade" id="modalEmplacementProduit">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">MISE A JOUR PRODUIT EMPLACEMENT</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <form id="formEmplacement" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="row mb-2">
                            <div class="col-12 mb-2 text-danger fs-14 fw-bold">
                                Format du fichier d'integration : <br>
                                Code produit | Désignation produit | Nouvel emplacement
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-12 mb-2">
                                <input type="file" class="filepondEmpProd" name="file" data-allow-reorder="true"
                                    data-max-file-size="10MB" data-max-files="5" id="fileUpload" @required(true)>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <button class="btn btn-primary w-100" type="submit" id="btnIntegreEmpProduit">Integrer le
                            fichier</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- FORME PRODUIT --}}
    <div class="modal fade" id="modalForme">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">MISE A JOUR PRODUIT FORME</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">
                    <div class="row mb-2">
                        <div class="col-12 mb-2 text-danger fs-14 fw-bold">
                            Format du fichier d'integration : <br>
                            Code produit | Désignation produit | Nouvelle forme
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-xl-12 col-lg-12 col-md-12 mb-2">
                            <input type="file" class="multiple-filepond-forme" name="file"
                                data-allow-reorder="true" data-max-file-size="10MB" data-max-files="1" id="fileUpload"
                                @required(true)>
                        </div>
                    </div>
                </div>
                <div class="modal-footer p-0">
                    <button class="btn btn-primary w-100" type="submit" id="btnIntegreForme">Integrer le
                        fichier</button>
                </div>

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

    {{-- NOUVELLE QUINZAINES --}}
    <div class="modal fade" id="modalCreateQuinzaine">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">CREATION NOUVELLE QUINZAIINE/DIZAINE</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>


                <div class="modal-body">
                    <div class="row mb-2">
                        <div class="col-xl-12">
                            <label for="" class="mt-2">Année </label> <span class="mt-2 me-2">:</span>
                            <input type="text" name="annee" class="form-control text-center" id="annee">
                        </div>
                        <div class="col-xl-12">
                            <label for="" class="mt-2">Mois de départ </label> <span class="mt-2 me-2">:</span>
                            <input type="number" name="dernierID" class="form-control text-center" id="dernierID">
                        </div>
                    </div>
                </div>
                <div class="modal-footer p-0">
                    <button class="btn btn-primary w-100" id="quinzaine">
                        Création quinzaine
                    </button>
                    <button class="btn btn-primary w-100" id="dizaine">
                        Création dizaine
                    </button>
                </div>

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

    {{-- MODAL ACTUALISER LES VM DES PRODUITS --}}
    <div class="modal fade" id="modalActualiserVMDesProduits">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">Actualisation des VM des produits</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form id="formModalActualiserVMDesProduits">
                        <div class="row">
                            <div class="col-md-8 mb-2">
                                <p class="text-muted mb-0">Mois :</p>
                                <select class="form-select" name="moisDebut" id="selMoisDebut">
                                    <option value="01">JANVIER</option>
                                    <option value="02">FEVRIER</option>
                                    <option value="03">MARS</option>
                                    <option value="04">AVRIL</option>
                                    <option value="05">MAI</option>
                                    <option value="06">JUIN</option>
                                    <option value="07">JUILLET</option>
                                    <option value="08">AOÛT</option>
                                    <option value="09">SEPTEMBRE</option>
                                    <option value="10">OCTOBRE</option>
                                    <option value="11">NOVEMBRE</option>
                                    <option value="12">DECEMBRE</option>
                                </select>
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Année</p>
                                <select id="selAnneeDebut" name="anneeDebut" class="form-select">
                                    @php
                                        $annee = date('Y');

                                        for($i = $annee - 5; $i <= $annee; $i ++){
                                    @endphp

                                            <option value="{{ $i }}" {{ $i == $annee ? 'selected' : ''}} >{{ $i }}</option>
                                    @php
                                        }
                                    @endphp
                                </select>
                            </div>
                            <div class="col-md-8 mb-2">
                                <p class="text-muted mb-0">Mois :</p>
                                <select class="form-select" name="moisFin" id="selMoisFin">
                                    <option value="01">JANVIER</option>
                                    <option value="02">FEVRIER</option>
                                    <option value="03">MARS</option>
                                    <option value="04">AVRIL</option>
                                    <option value="05">MAI</option>
                                    <option value="06">JUIN</option>
                                    <option value="07">JUILLET</option>
                                    <option value="08">AOÛT</option>
                                    <option value="09">SEPTEMBRE</option>
                                    <option value="10">OCTOBRE</option>
                                    <option value="11">NOVEMBRE</option>
                                    <option value="12">DECEMBRE</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <p class="text-muted mb-0">Année</p>
                                <select id="selAnneeFin" name="anneeFin" class="form-select">
                                    @php
                                        $annee = date('Y');

                                        for($i = $annee - 5; $i <= $annee; $i ++){
                                    @endphp

                                            <option value="{{ $i }}" {{ $i == $annee ? 'selected' : ''}} >{{ $i }}</option>
                                    @php
                                        }
                                    @endphp
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer p-0">
                    <button class="btn btn-success-light w-100 d-flex justify-content-center align-items-center" id="btnActualiserVMProduit">
                        <i class="bx bx-refresh me-2"></i>
                        Actualiser
                    </button>
                </div>
            </div>
        </div>
    </div>


    {{-- MODAL SEUIL REAPPRO DETAIL --}}
    <div class="modal fade" id="modal-seuil-reappro-detail">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content modal-centered">
                <div class="modal-header">
                    <h6 class="modal-title">Intégration seuil réappro</h6>
                    <button aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                        <div>Format fichier (avec entête) : </div>
                        <p>Code produit | Désignation produit | Seuil mini | Seuil maxi | Zone de stockage</p>
                    <div>
                        <p class="text-muted mb-0">Fichier :</p>
                        <input type="file" class="form-control" id="fichier_seuil_reappro_detail" name="fichier" accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
                    </div>
                </div>
                <div class="modal-footer p-0">
                    <button class="btn btn-success-light w-100 d-flex justify-content-center align-items-center" id="btn_seuil_reappro_action">
                        <i class="bx bx-refresh me-2"></i>
                        Intégrer
                    </button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script>

        $(function() {

            const MultipleElement = document.querySelector('.multiple-filepond');
            var filePond = FilePond.create(MultipleElement, {
                labelIdle: `Glisser deposer ou <span class="filepond--label-action">Selectionner</span>`,
                acceptedFileTypes: ['text/csv', 'text/xls', "text/xlsx"],
                labelFileTypeNotAllowed: "seul les csv sont autorisé"
            });

            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) => {
                            $("#filename").val("")
                            return response
                        },
                        onerror: (response) => response,
                    }
                }
            });

            $("#btnGps").click(function(e) {
                e.preventDefault();
                $("#modalGPS").modal("show")
            });

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

                if ($("#filename").val() == "") {
                    alertSwal("Aucun fichier chargé !")
                    return false
                }

                $.ajax({
                    type: "post",
                    url: "{{ route('actualiseDonne.integreCsv') }}",
                    data: {
                        filename: $("#filename").val(),
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        console.log(response)
                        if (response.error == false) {
                            $("#modalGPS").modal("hide")
                            notifSuccess(response.messages)
                            filePond.removeFiles()
                        } else {
                            notifWarning(response.messages)
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                });
            });
        })

        // Emplacement
        $(function() {

            var filePondEmp = FilePond.create(document.querySelector('.multiple-fileponds'), {
                labelIdle: `Glisser deposer ou <span class="filepond--label-action">Selectionner</span>`,
                acceptedFileTypes: ['text/csv', 'text/xls', "text/xlsx"],
                labelFileTypeNotAllowed: "seul les csv sont autorisé"
            });

            $("#btnEmplacement").click(function(e) {
                e.preventDefault();
                $("#modalEmplacement").modal("show")
            });

            chargerSelectlisteAgence()

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

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

                        $('#IDAGENCE').val('{{ session()->get('IDAGENCE') }}').change()
                    }
                })
            }

            $("#IDAGENCE").on("change", function() {
                let data = $(this).val()
                $.ajax({
                    url: `{{ route('tiz.ZoneStockage', '') }}/${data}`,
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        console.log(response)

                        $('#modalEmplacement #IDZONESTOCKAGE').html("")
                        $('#modalEmplacement #IDZONESTOCKAGE').append(`<option value="0"></option>`)
                        $.each(response, function(key, value) {

                            $('#modalEmplacement #IDZONESTOCKAGE').append(
                                `<option value="${value["IDZONESTOCKAGE"]}">${value["NomZoneStockage"]}</option>`
                            )
                        })
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            $(document).on("change", "#IDZONESTOCKAGE", function(e) {
                e.preventDefault();

                $.ajax({

                    url: '{{ route('listingRACK') }}',
                    type: 'POST',
                    // beforeSend: progressHandler(),
                    data: {
                        _token: "{{ csrf_token() }}",
                        IDZONESTOCKAGE: $(this).val()
                    },
                    dataType: 'json',
                    success: function(response) {

                        $("#etagere").html("")
                        $("#etagere").append(`<option value="0"></option>`)
                        $.each(response.data, function(index, value) {
                            $("#etagere").append(
                                `<option value="${value.IDRACK}">${value.NomRack}</option>`
                            )
                        });

                    }
                })
            }).on("submit", "#formEmplacement", function(evt) {
                evt.preventDefault()

                if ($("#filename").val() == "") {
                    alertSwal("Aucun fichier chargé !")
                    return false
                }

                if (parseInt($("#IDZONESTOCKAGE").val()) == 0) {
                    alertSwal("Veuiller selectionner une zone svp !")
                    return false
                }

                if (parseInt($("#etagere").val()) == 0) {
                    alertSwal("Veuiller selectionner un rack svp !")
                    return false
                }

                let formData = new FormData(_('formEmplacement'))
                formData.append("filenameEmp", $("#filename").val())
                $.ajax({
                    type: "POST",
                    url: "{{ route('actualiseDonne.csvEmplacement') }}",
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        console.log(response)
                        if (response.error == false) {
                            $("#modalEmplacement").modal("hide")
                            $("#filename").val("")
                            notifSuccess(response.messages)
                            filePondEmp.removeFiles()
                        } else {
                            notifWarning(response.messages)
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                });
            })

        })

        // Emplacement produit
        $(function() {

            var filepondEmpProd = FilePond.create(document.querySelector('.filepondEmpProd'), {
                labelIdle: `Glisser deposer ou <span class="filepond--label-action">Selectionner</span>`,
                acceptedFileTypes: ['text/csv', 'text/xls', "text/xlsx"],
                labelFileTypeNotAllowed: "seul les csv sont autorisé"
            });

            $("#btnEmplacementProduit").click(function(e) {
                e.preventDefault();
                $("#modalEmplacementProduit").modal("show")
            })

            $(document).on("click", "#btnIntegreEmpProduit", function(evt) {
                evt.preventDefault()

                if ($("#filename").val() == "") {
                    alertSwal("Aucun fichier chargé !")
                    return false
                }

                if (parseInt($("#idSiteEnCours").val()) == 1) {
                    alertSwal("Impossible de faire cette action sur l'agence CENTRALE !")
                    return false
                }

                $.ajax({
                    type: "POST",
                    url: "{{ route('actualiseDonne.csvFormeProd') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        fileEmpProduit: $("#filename").val(),
                        site: $("#idSiteEnCours").val(),
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        console.log(response)
                        if (response.error == false) {
                            $("#modalEmplacementProduit").modal("hide")
                            notifSuccess(response.messages)
                            $("#filename").val("")
                            filepondEmpProd.removeFiles()
                        } else {
                            notifWarning(response.messages)
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                });
            })
        })

        // Forme
        $(function() {

            var filePondForme = FilePond.create(document.querySelector('.multiple-filepond-forme'), {
                labelIdle: `Glisser deposer ou <span class="filepond--label-action">Selectionner</span>`,
                acceptedFileTypes: ['text/csv', 'text/xls', "text/xlsx"],
                labelFileTypeNotAllowed: "seul les csv sont autorisé"
            });

            $("#btnForme").click(function(e) {
                e.preventDefault();
                $("#modalForme").modal("show")
            });


            $(document).on("click", "#btnIntegreForme", function(evt) {
                evt.preventDefault()

                if ($("#filename").val() == "") {
                    alertSwal("Aucun fichier chargé !")
                    return false
                }

                $.ajax({
                    type: "POST",
                    url: "{{ route('actualiseDonne.csvForme') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        filenameForme: $("#filename").val()
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        console.log(response)
                        if (response.error == false) {
                            $("#modalForme").modal("hide")
                            notifSuccess(response.messages)
                            $("#filename").val("")
                            filePondForme.removeFiles()
                        } else {
                            notifWarning(response.messages)
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                });
            })

        })

        $(function() {

            $("#btnNewQuinzaine").click(function() {
                $("#modalCreateQuinzaine").modal("show")
            })

            dizaine
            $(document).on("click", "#dizaine", function(evt) {
                evt.preventDefault()
                genererQuinzaine("dizaine")
            }).on("click", "#quinzaine", function() {
                genererQuinzaine("quinzaine")
            })

            function genererQuinzaine(type) {
                $.ajax({
                    type: "post",
                    url: "{{ route('actualiseDonne.nouvelleQuinzaine') }}",
                    data: {
                        annee: $("#annee").val(),
                        dernierID: $("#dernierID").val(),
                        type: type,
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        console.log(response)
                        if (response.error == false) {
                            $("#annee").val("")
                            $("#dernierID").val("")
                            $("#modalCreateQuinzaine").modal("hide")
                            notifSuccess(response.messages)
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        console.log(response)
                    }
                });
            }
        })

        $(function() {
            $("#btnCodeDouanes").click(function() {
                confirmAction(() => {
                    $.ajax({
                        type: "GET",
                        url: "{{ route('actualiseDonne.CodeDouane') }}",
                        dataType: "json",
                        beforeSend: progressHandler(),
                        success: function(response) {
                            console.log(response)
                            if (response.error == false) {
                                completeHandler()
                                notifSuccess(response.messages)
                                return false
                            }
                            completeHandler()
                            notifWarning(response.messages)
                        },
                        error: function(response) {
                            completeHandler()
                            notifError(response.responseJSON.messages)
                        }
                    });
                }, "Etes-vous sûr d'actualiser les Codes Douanes des Produits ?")

            })
        })

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

                confirmAction(() => {
                    $.ajax({
                    type: "get",
                    url: "{{ route("actualiseDonne.actualiseSeuils")  }}",
                    dataType: "json",
                    beforeSend : progressHandler(),
                    success: function (response) {
                        if (response.error == false) {
                            completeHandler()
                            notifSuccess(response.messages)
                            return false
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error : function (response) { 
                        completeHandler()
                        notifError(response.responseJSON.messages)
                     }
                });
                    },
                    "Voulez-vous actualiser les Seuils <br> de transferts Inter-Site du site de connexion ?",
                    ""
                )
            });
        });
    </script>

    <!-- Script d'actualisation des VM des produits -->
    <script>

        function actualiserVMDesProduits(){

            // Récupérer les valeurs de début et de fin
            let dateDebutStr = _('selAnneeDebut').value + '-' + _('selMoisDebut').value + '-' + '01';
            let anneeFin = _("selAnneeFin").value;
            let moisFin = _("selMoisFin").value;

            // Créer la date de fin avec le dernier jour du mois
            let dateFin = new Date(anneeFin, moisFin, 0); // 0 donne le dernier jour du mois
            let dernierJourDuMoisFin = dateFin.getDate();

            // Format final de la date de fin : 'YYYY-MM-DD'
            let dateFinStr = `${anneeFin}-${moisFin}-${dernierJourDuMoisFin}`;

            // Convertir les chaînes en objets Date
            let dateDebut = new Date(dateDebutStr);
            let dateFinObj = new Date(dateFinStr);

            // Comparer les deux dates
            if (dateDebut > dateFinObj) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner une période de début inférieure à la période de fin.')
                return 0
            }

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser les VM des Produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {

                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserVMDesProduits') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            dateDebut : dateDebutStr,
                            dateFin : dateFinStr,
                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                notif('success', 'Succès', 'Actualisation terminée avec succès !')
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        }

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

            $('#modalActualiserVMDesProduits').modal('show')
        })

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

            actualiserVMDesProduits()
        })

    </script>

    <!-- Script pour recalculer les VM -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser les VM des Produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('recalculerLesVM') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                notif('success', 'Succès', 'Récalcule des VM Terminé avec succès !')
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script d'actualisation du carnet d'appel -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser le carnet d'appel ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserCarnetAppel') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {
                            IDAGENCE : $('#idSiteEnCours').val(),
                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                notif('success', 'Succès', 'Carnet d\'appel actualisé !')
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script actualisation de prix cession TTC -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser les prix cession TTC des produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserPrixCessionTTC') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                let dNbUpdated = response.dNbUpdated

                                notif('success', 'Succès', "Prix Cession TTC actualisés avec succès !"+dNbUpdated +" prix mis à jour.")
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script actualisation de prix public TTC -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser les Prix Public TTC des produits ? ",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserPrixPublicTTC') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                let dNbUpdated = response.dNbUpdated

                                notif('success', 'Succès', "Prix Public TTC actualisés avec succès ! "+dNbUpdated +" prix mis à jour.")
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script actualisation de cours de route -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser les Cours de Route des produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserLesCoursDeRoute') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 2) {

                                notifError(response.msg)
                            }else{

                                let dNbUpdated = response.dNbUpdated

                                notif('success', 'Succès', "Cours de Route actualisés avec succès !")
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script actualisation de code douane -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Etes-vous sûr d'actualiser les Codes Douanes des Produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserLesCodesDouane') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                            }else{

                                let dNbUpdated = response.dNbUpdated

                                notif('success', 'Succès', "Actualisation terminée avec succès !")
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script actualisation des seuils des pays -->
    <script>

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

            Swal.fire({

                title: 'Attention !',
                text: "Voulez-vous actualiser les Seuils PAYS des produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserSeuilDesPays') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 2) {

                                notifError(response.msg)
                            }else{

                                let dNbUpdated = response.dNbUpdated

                                notif('success', 'Succès', "Actualisation terminée avec succès !")
                            }

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script d'actualisaion des catégories A-B-C -->
    <script>

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

            Swal.fire({

                title: 'Confirmation d\'opération !',
                text: "Voulez-vous actualiser les catégories de rotation des produits du site en cours ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualiserCategorieABC') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {

                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                                completeHandler()
                                return 0
                            }

                            notif('success', 'Succès', "Actualisation terminée avec succès !")

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script d'actualisation des lots -->
    <script>

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

            Swal.fire({

                title: 'Confirmation d\'opération !',
                text: "Voulez-vous actualiser les lots des produits ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url: "{{ route('actualisationStockLotEtProduit') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            IDAGENCE : _('idSiteEnCours').value,
                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend: progressHandler(),
                        success: function(response) {

                            // Refus métier (ex. mauvais site) : afficher le message renvoyé par le serveur.
                            if (response.success != 1) {

                                notifDanger(response.msg)
                            }

                            completeHandler()
                        },
                        error: function(error) {

                            notifError('Échec de l\'opération.')
                            completeHandler()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script d'actualisation des soldes des clients -->
    <script>

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

            Swal.fire({

                title: 'Confirmation d\'opération !',
                text: "Voulez-vous actualiser la consommation des clients ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualisationSoldeClient') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {
                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                                completeHandler()
                                return 0
                            }
                            notif('success', 'Succès', "Actualisation terminée avec succès !")
                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <!-- Script d'actualisation des consos des clients -->
    <script>

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

            Swal.fire({

                title: 'Confirmation d\'opération !',
                text: "Voulez-vous actualiser la consommation des clients ?",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {
                
                if (result.isConfirmed) {

                    $.ajax({

                        url : "{{ route('actualisationDesConsoClient') }}",
                        type : 'POST',
                        dataType : 'json',
                        data : {
                            _token : '{{ csrf_token() }}'
                        },
                        beforeSend : progressHandler(),
                        success : function(response){

                            if (response.success != 1) {

                                notifError(response.msg)
                                completeHandler()
                                return 0
                            }

                            notif('success', 'Succès', "Actualisation terminée avec succès !")

                            completeHandler()
                        },
                        error : function(){

                            notifError('Échec de l\'opération.')
                            completeHandler()
                            reject()
                        }
                    })
                }
            })
        })
    </script>

    <script>
    $(document).ready(function(){

        $('#btn_seuils_reappro_detail').on('click',function(){
           $('#modal-seuil-reappro-detail').modal('show')
        })

        $('#btn_seuil_reappro_action').on('click', function (e) {
            e.preventDefault();

            var IDAGENCES = $('#idSiteEnCours').val();
                const fichierInput = document.getElementById('fichier_seuil_reappro_detail');
                const fichier = fichierInput.files[0];
            if (!fichier) {
                notif('danger', 'Erreur', 'Veuillez choisir un fichier svp');
                return false;
            }

            if (!IDAGENCES || IDAGENCES <= 1) {
                notif('danger', 'Erreur', 'Veuillez choisir une agence svp');
                return false;
            }

            var formData = new FormData();
            formData.append('fichier', fichier);
            formData.append('IDAGENCE', IDAGENCES);
            formData.append('_token', '{{ csrf_token() }}');

            $.ajax({
                type: 'POST',
                url: "{{ route('seuil_reappro.integrate') }}",
                data: formData,
                contentType: false,
                processData: false,
                dataType: "JSON",
                success: function (resp) {
                    if (resp.succes) {
                        notif('success', 'Succès', resp.msg || 'Import réussi !');
                        $('#modal-seuil-reappro-detail').modal('hide')
                        $('#fichier_seuil_reappro_detail').val('')
                    } 
                },
                error: function (xhr, status, error) {
                    notif('danger', 'Erreur serveur', xhr.responseText || 'Erreur réseau');
                }
            });
        });
    })
    
    </script>
@endsection