@extends('models')
@section('titre-page', 'Listing transfert inter-site')
@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>

    @php
        $ModeGpharma = ModeGpharma();
    @endphp

    <!-- 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);">Stocks</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Transfert intersite</li>
                        </ol>
                    </nav>
                </div>

                <div class="col-xl-9 col-lg-7 col-md-12 col-sm-12 mt-xl-0 mt-2 mx-0 d-block justify-content-end">
                    <div class="row justify-content-end">

                        <div @class(['col-xl-2 col-sm-3 col-md-3 px-0 mx-0  d-flex justify-content-center', 'me-1' => $ModeGpharma == 2])>
                            <button class=" btn btn-wave waves-effect waves-light btn-success w-100"
                                id="btnValideTransfert" @disabled(!in_array('DS_ModificationTransfertInterSite', session('LISTE_DROIT_ACCESS')))>
                                <i class='bx bxs-check-circle me-2'></i> Valider
                            </button>
                        </div>
                        @if ($ModeGpharma != 2)
                            <div class="col-xl-2 col-md-3 col-sm-4 px-0 mx-1 d-flex justify-content-center">
                                <button class=" btn w-100 btn-danger" id="btnSupprimerTransfertSite" @disabled(!in_array('DS_SupprimerTransfertInterSite', session('LISTE_DROIT_ACCESS')))>
                                    <i class="bx bx-trash me-2"></i> Supprimer
                                </button>
                            </div>
                            
                        @endif
                        <div class="col-xl-3 col-md-3 col-sm-4 px-0 mx-0 d-flex justify-content-center">
                            <button class=" btn btn-purple-gradient w-100" id="btnAnnuleReception">
                                <i class='bx bxs-x-circle me-2'></i>Annuler la réception
                            </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">

                                    <li>
                                        <button class="dropdown-item text-start" id="btnImprimeRapportEcart">
                                            <i class='bx bx-export me-1'></i>&nbsp;Rapport d'écart
                                        </button>
                                    </li>
                                    <li>
                                        <hr class="dropdown-divider">
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnSuggestionTransfertRemplacement">
                                            <i class='bx bx-export me-1'></i>&nbsp;Suggestion de transferts de remplacement
                                            de lots
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnGenererTansfertNivellemnt">
                                            <i class='bx bx-export me-1'></i>&nbsp;Générer les transferts en nivellement
                                            automatique
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnGenererTransfertInstanceRupture">
                                            <i class='bx bx-export me-1'></i>&nbsp;Générer les transferts en instances de
                                            ruptures
                                        </button>
                                    </li>
                                    <li>
                                        <hr class="dropdown-divider">
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnComptabliserDepart">
                                            <i class='bx bx-export me-1'></i>&nbsp;Comptabiliser le départ des lignes
                                            sélectionnées
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnComptabliserReception">
                                            <i class='bx bx-export me-1'></i>&nbsp;Comptabiliser la réception des lignes
                                            sélectionnées
                                        </button>
                                    </li>
                                </ul>
                            </div>

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

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-body py-2">
                    <div class="row px-4 py-0">
                        <div class="col-xl-4 col-lg-4 col-sm-12 col-6 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-primary-transparent text-primary"><i
                                        class="ri-user-3-line fs-16"></i></span>
                            </div>
                            <div class="flex-fill d-flex">
                                <div class="">
                                    <p class="fs-18 mb-0 text-primary fw-semibold" id="nbreLigne">0</p>
                                    <span class="text-muted fs-12">Nbre ligne</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-sm-12 col-1 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-success-transparent"><i
                                        class="ri-user-3-line fs-16"></i></span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 text-success fw-semibold" id="valeurTransfert">0</p>
                                <span class="text-muted fs-12">Valeur transfert</span>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-sm-12 col-1 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-success-transparent"><i
                                        class="ri-user-3-line fs-16"></i></span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 text-success fw-semibold" id="valeurCession">0</p>
                                <span class="text-muted fs-12">Valeur cession TTC</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class=" col-xl-12">
            <div class="card  custom-card">
                <div class="card-header d-block">
                    <form id="formFiltreListeTransfertSIte">
                        @csrf
                        <div class="row">
                            <div class="col-xl-11">
                                <div class="row">
                                    <div class="col-xl-5 col-md-6 col-sm-12">
                                        <div class="row">
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">Site </p>
                                                <select class="form-select" name="site_filtre" id="site_filtre"
                                                    @disabled(checkIfDroit('DG_AccesMultiSite'))>

                                                </select>
                                            </div>

                                            <div class="col-xl-8 col-lg-8 col-md-4 mb-2">
                                                <p class="mb-0 text-muted">Période de filtre&nbsp;:</p>
                                                <input type="text" class="form-control text-center" name="datetimes"
                                                    id="filtrePeriode" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-7 col-md-7 col-sm-12">
                                        <div class="row">
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">Mode de traitement</p>
                                                <select class="form-select" name="mode_traitement_filtre"
                                                    id="mode_traitement_filtre">
                                                    <option value="0">TOUS</option>
                                                    <option value="1">AUTOMATIQUE</option>
                                                    <option value="2">MANUEL</option>
                                                    <option value="3">REMPLACEMENT LOT</option>
                                                </select>
                                            </div>
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">Type</p>
                                                <select class="form-select" name="type_filtre" id="type_filtre">
                                                    <option value="-1">TOUS</option>
                                                    <option value="0">CLASSIQUE</option>
                                                    <option value="1">NIVELLEMENT</option>
                                                </select>
                                            </div>
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">Statut</p>
                                                <select class="form-select" name="statut_filtre" id="statut_filtre">
                                                    <option value="0">TOUS</option>
                                                    <option value="1">EN SAISI</option>
                                                    <option value="2">A COLLECTER</option>  
                                                    <option value="-1">EN COLLECTE</option>
                                                    <option value="4">EXPEDIE</option>
                                                    <option value="3">RECEPTIONNE</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-xl-1">
                                <button type="submit" class="btn btn-info mt-3 w-100" id="btnSubmitFiltre"
                                    data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-custom-class="tooltip-info"
                                    data-bs-placement="top" data-bs-original-title="Filtrer">
                                    <i class='bx bx-search-alt'></i>
                                </button>
                                <span hidden id="zoneBntLoader">
                                    <button class="btn btn-primary-transparent btn-loader d-block mt-3 w-100" hidden>
                                        <span class="loading"><i class="ri-loader-4-line fs-16"></i></span>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped tablehover text-nowrap w-100 no-footer dataTable"
                            id="tableListeTransfertInterSite">
                            <thead class="table-header-primary">
                                <tr>
                                    </th>
                                    <th class="text-center" data-column="action" data-class="text-center">
                                        <input class="form-check-input me-1" type="checkbox" id="checkTransfertAll">
                                        Actions
                                    </th>

                                    <th class="text-center" data-column="etapeDepart" data-class="text-center"
                                        title="Etape de depart"><i class="ti ti-arrow-up-right"></i></th>
                                    <th class="text-center" data-column="etapeReception" data-class="text-center"
                                        title="Etape d'arrivée"><i class="ti ti-arrow-down-right"></i></th>
                                    <th class="text-center" data-column="CreeLe" data-class="text-center">Date de
                                        création</th>
                                    <th class="text-center" data-column="NumeroTransfertSite" data-class="text-center">N°
                                        Transfert</th>
                                    <th class="text-center" data-column="ReferenceSageTransfertSite"
                                        data-class="text-center">Réference SAGE</th>
                                    <th class="text-center" data-column="NumeroBonLivraison" data-class="text-center">N°
                                        BL</th>
                                    <th class="text-center" data-column="NomAgence" data-class="text-center">Départ</th>
                                    <th class="text-center" data-column="NomAgence_DESTINATION" data-class="text-center">
                                        Destination</th>
                                    {{-- <th class="text-center" data-column="CodeCipProduit1" data-class="text-center">Zone de stockage</th> --}}
                                    <th class="text-center" data-column="TypeTransfert" data-class="TypeTransfert">Type
                                    </th>
                                    <th class="text-center" data-column="EtapeTransfert" data-class="text-center">Statut
                                    </th>
                                    <th class="text-center" data-column="Valide" data-class="text-center">Validé</th>
                                    <th class="text-center" data-column="DateHeureDepartTransfert"
                                        data-class="text-center">Date Départ</th>
                                    <th class="text-start" data-column="NomPrenomPersonnel_EXPEDITION"
                                        data-class="text-start">Opérateur Départ</th>
                                    <th class="text-center" data-column="CommentaireTransfert" data-class="text-center">
                                        Commentaire Départ</th>
                                    <th class="text-center" data-column="DateHeureReceptionTransfert"
                                        data-class="text-center">Date de Réception</th>
                                    <th class="text-start" data-column="NomPrenomPersonnel_RECEPTION"
                                        data-class="text-start">Opérateur Réception</th>
                                    <th class="text-center" data-column="CommentaireReceptionTransfert"
                                        data-class="text-center">Commentaire Réception</th>
                                    <th class="text-end" data-column="ValeurTransfertSite" data-class="text-end">
                                        Valeur PRMP</th>
                                    <th class="text-end" data-column="ValeurCessionTTC" data-class="text-end">
                                        Valeur Cession TTC</th>
                                    <th class="text-end" data-column="ValeurFraisApprocheTS" data-class="text-end">
                                        Valeur d'approche</th>

                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalDetailTransfertSite">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title">Détail transfert inter-site &nbsp; <span id="DetailNumTransfert"
                            class="fw-bold"></span> &nbsp; <span id="DetailEtape"></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">
                                            Crée le : <span id="DetailDateCreation" class="fw-bold"></span>
                                        </div>
                                        <div class="col-9">
                                            <div class="row">
                                                <div class="col-4">
                                                    Valeur PRMP : <span class="fw-bold" id="valeurPRMP"></span>
                                                </div>
                                                <div class="col-4">
                                                    Valeur Cession TTC : <span class="fw-bold" id="CessionTTC"></span>
                                                </div>
                                                <div class="col-4">
                                                    Frais d'approche : <span class="fw-bold" id="fraisApproche"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <style>
                        .dataTables_wrapper .dataTables_paginate {
                            position: sticky;
                            bottom: 0;
                            background: white;
                            z-index: 10;
                            padding: 10px 0;
                        }
                    </style>
                    <div class="table-responsive">
                        <table
                            class="tablehover table table-striped tablehover text-nowrap w-100 no-footer openModalProduit_"
                            id="tableDetailTransfertSite">
                            <thead class="table-header-primary">
                                <tr>
                                    <th class="text-center d-none" data-class="text-center">
                                    </th>
                                    <th class="text-center" data-column="CodeCipProduit1" data-class="text-center">
                                        Code CIP</th>
                                    <th class="text-center" data-column="DesignationProduit"
                                        data-class="text-start openModalProduit designationProduitSimple">
                                        Désignation</th>
                                    <th class="text-center" data-column="QteASugerree" data-class="text-center">
                                        Qté Suggérée</th>
                                    <th class="text-center" data-column="QteACollecter" data-class="text-center">
                                        Qté à Collecter</th>
                                    <th class="text-center" data-column="QteTransferee_simple" data-class="text-center">
                                        Qté Transférée</th>
                                    <th class="text-center" data-column="NomZoneStockage_EXP" data-class="text-center">
                                        Zone de Prélèvement</th>
                                    <th class="text-center" data-column="QteReceptionnee" data-class="text-center">
                                        Qté Réceptionnée</th>
                                    <th class="text-center" data-column="NomZoneStockage_RECEPT"
                                        data-class="text-center">
                                        Zone de Réception</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="ValeurCessionTTC" data-class="text-end">
                                        Valeur Cession TTC</th>
                                    <th class="text-end" data-column="ValeurFraisApprocheTSL" data-class="text-end">
                                        Valeur d'approche</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>

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

    <div class="modal fade" id="modalProgress">
        <div class="modal-dialog modal-lg  modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="row">
                    <div class="col-12">

                        <div class="progress progress-xl" role="progressbar" aria-valuenow="2" aria-valuemin="0"
                            aria-valuemax="2">
                            <div class="progress-bar  bg-warning progress-bar-striped progress-bar-animated"
                                style="width: 0%"></div>
                            <div class="progress-bar-label">0%</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalSugTransfRemplLots">
        <div class="modal-dialog modal-xl modal-dialog-scrolable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title">Suggestion de transferts de remplacement de lots</h6><button
                        aria-label="Close" class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row mb-3">
                        <div class="col-xl-7">
                            <div class="row ">
                                <div class="col-xl-3">
                                    <p class="mb-0 text-muted">Site départ</p>
                                    <select class="form-select" name="site_depart_sug" id="site_depart_sug"
                                        @disabled(checkIfDroit('DG_AccesMultiSite'))>

                                    </select>
                                </div>
                                <div class="col-xl-3">
                                    <p class="mb-0 text-muted">Site destination</p>
                                    <select class="form-select" name="site_destination_sug" id="site_destination_sug">

                                    </select>
                                </div>

                                <div class="col-xl-6 col-lg-3 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Période de filtre&nbsp;:</p>
                                    <input type="text"
                                        class="form-control text-center dateperiode dateCustom month+6 dateOnly"
                                        name="filtrePeriodeSugTransfLots" id="filtrePeriodeSugTransfLots" />
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5">
                            <div class="row mt-3">
                                <div class="col-xl-6 ">
                                    <button class=" btn btn-wave waves-effect waves-light btn-outline-dark w-100"
                                        id="btnLancerSuggestion">
                                        <i class='bx bx-sync me-2'></i> Lancer la suggestion
                                    </button>
                                </div>
                                <div class="col-xl-6 ">
                                    <button class=" btn w-100 btn-success" id="btnCreerLesTransfert">
                                        <i class="bx bx-plus me-2"></i> Créer les transferts
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="table-responsive">
                                <table
                                    class="tablehover table table-striped tablehover text-nowrap w-100 no-footer openModalProduit_"
                                    id="tableSuggestionTranfertRempLots">
                                    <thead class="table-header-primary">
                                        <tr>
                                            <th class="text-center" data-column="CIDProduit"
                                                data-class="text-center bg-white" data-visible="false"> </th>
                                            <th class="text-center" data-column="action"
                                                data-class="text-center bg-white">
                                                <input class="form-check-input me-4" type="checkbox"
                                                    id="checkSelectAllSug">
                                            </th>

                                            <th class="text-center" data-column="CodeCIP"
                                                data-class="text-center bg-white">Code
                                                CIP</th>
                                            <th class="text-center" data-column="Designation"
                                                data-class="text-start bg-white">
                                                Désignation
                                            </th>
                                            <th class="text-center" data-column="Colisage_format"
                                                data-class="text-center">
                                                Colisage</th>
                                            <th class="text-center" data-column="Cartonnage_format"
                                                data-class="text-center">
                                                Cartonnage
                                            </th>
                                            <th class="text-center" data-column="VmD_format" data-class="text-center">VM
                                                Départ
                                            </th>
                                            <th class="text-center" data-column="StockLotD_format"
                                                data-class="text-center">
                                                Stock</th>
                                            <th class="text-center" data-column="QteSuggeree_format"
                                                data-class="text-center">
                                                Qté suggérée
                                            </th>
                                            <th class="text-center" data-column="QteTransferee_format"
                                                data-class="text-center">
                                                Qté <br> à Transférer</th>
                                            <th class="text-center" data-column="NomZonePrelevement"
                                                data-class="text-start">Zone <br> prélèvement</th>
                                            <th class="text-center" data-column="NumeroLotD" data-class="text-center">
                                                Numéro Lot
                                            </th>
                                            <th class="text-center" data-column="DatePerempD_format"
                                                data-class="text-center text-danger">
                                                Date Péremption
                                            </th>
                                            <th class="text-center" data-column="NTSPD" data-class="text-center">NTSP
                                            </th>
                                            <th class="text-center" data-column="EmplacementD" data-class="text-start">
                                                Emplacement
                                            </th>
                                            <th class="text-center" data-column="NumeroLotR" data-class="text-center">
                                                Numéro Lot <br> Remplacement</th>
                                            <th class="text-center" data-column="DatePeremptionLotR_format"
                                                data-class="text-center text-success">
                                                Date Péremption <br> Remplacement</th>
                                            <th class="text-center" data-column="NomZonePrelevementR"
                                                data-class="text-start">Zone prélèvement <br> Remplacement</th>
                                            <th class="text-center" data-column="VmR_format" data-class="text-center">VM
                                                <br>
                                                Destination
                                            </th>

                                        </tr>
                                    </thead>
                                </table>
                            </div>

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

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

@endsection

@section('script')
    <script>
        $(function() {
            dateRangeInput('input[name="datetimes"]', true, "DD/MM/YYYY HH:mm")
            // $('input[name="datetimes"]').daterangepicker({
            //     timePicker: true,
            //     // startDate: moment().startOf('day'),
            //     // endDate: moment().endOf('day'),
            //     "locale": {
            //         "format": "DD/MM/YYYY HH:mm",
            //         "separator": " - ",
            //         "applyLabel": "Appliquer",
            //         "cancelLabel": "Annuler",
            //         "fromLabel": "From",
            //         "toLabel": "To",
            //         "customRangeLabel": "Custom",
            //         "weekLabel": "W",
            //         "daysOfWeek": [
            //             "Dim",
            //             "Lun",
            //             "Mar",
            //             "Mer",
            //             "Jeu",
            //             "Ven",
            //             "Sam"
            //         ],
            //         "firstDay": 2
            //     },
            // });
        })

        var tableTransfertInterSite = $("#tableListeTransfertInterSite").DataTable({
            language: languageTable,

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

            // pagingType: 'full_numbers',
            pageLength: 25,
            lengthChange: true,
            // order: [5, "desc"],
        })

        let divShowPer = $('#tableDetailTransfertSite_filter')
        let BroDivShowPer = divShowPer.parent().parent()
        let child = BroDivShowPer.children().eq(0)
        let child2 = BroDivShowPer.children().eq(1)

        child2.removeClass('col-md-6')
        child2.addClass('col-md-4 d-flex  justify-content-end')

        child.removeClass('col-md-6')
        child.addClass('d-flex pt-2 col-md-8')
        child.append(`<span class="d-flex align-items-center px-2" style="cursor : pointer;">
                            <i class='ri ri-file-excel-2-line text-success me-1' style="font-size : 18px; cursor : pointer;"></i>
                            <span id="btn-export-transfert-interSite-detail" class="fw-bold" style="cursor : pointer;">Exporter</span>
                        </span>
                    `)



        function chargerSelectlisteAgence(IDAGENCE = null) {

            $.ajax({

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

                    $('#site_filtre').append('<option value="0">TOUS</option>')
                    $.each(response.data, function(key, value) {

                        $('#site_filtre').append('<option value="' + value["IDAGENCE"] + '">' + value[
                            "NomAgence"] + '</option>')
                        $('#site_depart_sug').append('<option value="' + value["IDAGENCE"] + '">' +
                            value[
                                "NomAgence"] + '</option>')

                    })

                    let idSiteEnCours = $("#idSiteEnCours").val()
                    if (IDAGENCE != null) {
                        idSiteEnCours = IDAGENCE
                    }

                    $('#site_filtre').val(idSiteEnCours).change()
                    $('#site_depart_sug').val(idSiteEnCours).change()
                    // $('#monSelect option[value="valeurASupprimer"]').remove();
                }
            })
        }

        // listingComboPersonnel(["#operateur_depart", "#operateur_reception"])
    </script>

    <script>
        $(document).ready(function() {
            var donneListeTransfert = []
            // $("#site_filtre").on("change", function() {
            //     let data = $(this).val()
            //     $.ajax({
            //         url: `{{ route('tiz.ZoneStockage', '') }}/${data}`,
            //         type: 'GET',
            //         dataType: 'json',
            //         success: function(response) {
            //             //// console.log(response)

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

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


            $("#formFiltreListeTransfertSIte").on("submit", function(e) {
                e.preventDefault();

                // if ($("#site_reception").val() == "0") {
                //     alertSwal("Veuiller choisir un site destination !!")
                //     return 0
                // }

                // if ($("#produit").val() == "0") {
                //     alertSwal("Veuiller choisir un produit !!")
                //     return 0
                // }
                // if ($("#qte_transfere").val() == "" || $("#qte_transfere").val() == "0") {
                //     alertSwal("La quantité à transférer doit être suppérieur à 0")
                //     return 0
                // }

                let search = $("#tableListeTransfertInterSite_filter input").val()
                let session = 'filterMemory.filtreListeDesTransfertSite'
                let valeurSession = {
                    'datetimes': _("filtrePeriode").value,
                    'numTransfert': search,
                    "site_filtre": _("site_filtre").value,
                    "mode_traitement_filtre": _("mode_traitement_filtre").value,
                    "type_filtre": _('type_filtre').value,
                    "statut_filtre": _("statut_filtre").value
                }

                modifierValeurSession("{{ csrf_token() }}", session, valeurSession)
                    .then(function(data) {
                        let formData = new FormData(_('formFiltreListeTransfertSIte'))
                        listeDesTransferts(formData)
                    })

            })

            $('#modalProgress').modal({
                backdrop: 'static',
                keyboard: false
            })

            var dataRecup = null
            recupererValeurSession('filterMemory.filtreListeDesTransfertSite')
                .then(async (data) => {

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

                        dataRecup = data
                        $("#filtrePeriode").val(data.datetimes)
                        // $("#numCmde").val(data.numCmde)
                        $("#mode_traitement_filtre").val(data.mode_traitement_filtre).change()
                        $("#type_filtre").val(data.type_filtre).change()
                        $("#statut_filtre").val(data.statut_filtre).change()

                        dataAgence = data.site_filtre
                    }

                    await chargerSelectlisteAgence(dataAgence)
                    $("#btnSubmitFiltre").click()
                })


            // suppresion de transfert inter-site
            $(document).on("click", "#btnSupprimerTransfertSite", function() {
                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une/plusieurs lignes !!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.delete') }}`,
                            type: 'delete',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                //// console.log(response)
                                if (response.error == false) {
                                    let formData = new FormData(_(
                                        'formFiltreListeTransfertSIte'))
                                    listeDesTransferts(formData)
                                    completeHandler()
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                completeHandler()
                                notifWarning(responses.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                //// console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous supprimer les transferts inter-sites cochés ? ", {
                        sousTitre: "Les transferts dont les départs sont validés ne seront pas supprimés ! <br> La suppression d'un transfert ne peut être faite que dans le site émetteur !",
                        infoJNL: "SUPPRESSION DE TRANSFERT INTER-SITE",
                        typeJNL: 3,
                        CodeDroit: "DG_PeutSuppirmer"
                    })

            })

            // annulation de transfert inter-site recption
            $(document).on("click", "#btnAnnuleReception", function() {

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

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.annuleReception') }}`,
                            type: 'post',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    // let formData = new FormData(_('formFiltreListeTransfertSIte'))
                                    // listeDesTransferts(formData)
                                    completeHandler()
                                    $("#btnSubmitFiltre").click()
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                // console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous annuler la réception des transferts inter-sites cochés ?", {
                        sousTitre: "",
                        infoJNL: "ANNULATION RECEPTION DE TRANSFERT INTER-SITE",
                        typeJNL: 3,
                        CodeDroit: "DG_PeutSuppirmer"
                    })

            })

            // afficher detail transfert inter-site
            $(document).on('click', ".btn-view", function() {
                let id = $(this).data("id")
                $.ajax({
                    url: `{{ route('stock.trfInterSite.index', '') }}/${id}`,
                    type: 'get',
                    dataType: 'json',
                    // beforeSend: progressHandler(),
                    success: function(response) {
                        //// console.log(response)
                        if (response.error == false) {
                            tableDetailTransfertSite.clear().draw()

                            $.each(response.donnee, function(indexInArray, valueOfElement) {
                                tableDetailTransfertSite.row.add([
                                    valueOfElement.IDPRODUIT,
                                    valueOfElement.CodeCipProduit1,
                                    valueOfElement.DesignationProduit,
                                    formatNumberPerf(valueOfElement
                                        .QteASugerree),
                                    formatNumberPerf(valueOfElement
                                        .QteACollecter_simple),
                                    formatNumberPerf(valueOfElement
                                        .QteTransferee),
                                    valueOfElement.NomZoneStockage_EXP,
                                    valueOfElement.QteReceptionnee_simple,
                                    valueOfElement.NomZoneStockage_RECEPT,
                                    valueOfElement.NumeroLotProduit_simple,
                                    valueOfElement.DatePeremption,
                                    valueOfElement.ValeurCessionTTC,
                                    valueOfElement.ValeurFraisApprocheTSL,
                                ])
                            });



                            tableDetailTransfertSite.column(0).visible(false);
                            if (response.site.IDAGENCEDESTINATION == $("#idSiteEnCours").val()) {
                                
                                tableDetailTransfertSite.column(7).visible(true);
                                tableDetailTransfertSite.column(9).visible(true);
                                tableDetailTransfertSite.column(10).visible(true);
                            } else {
                                tableDetailTransfertSite.column(7).visible(false);
                                tableDetailTransfertSite.column(9).visible(false);
                                tableDetailTransfertSite.column(10).visible(false);
                            }

                            tableDetailTransfertSite.draw()
                            // tableDetailTransfertSite

                            $("#DetailNumTransfert").text("N° " + response.site
                                .NumeroTransfertSite)
                            $("#DetailDateCreation").text(moment(response.site.created_at)
                                .format("DD/MM/YYYY HH:mm:s"))
                            $("#DetailEtape").html(response.site.etape)

                            $("#valeurPRMP").html(response.site.ValeurTransfertSite)
                            $("#CessionTTC").html(response.site.ValeurCessionTTC)
                            $("#fraisApproche").html(response.site.ValeurFraisApprocheTS)

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

                        // remplissageDataTable({
                        //     IdentifiantDuTableau: '#tableDetailTransfertSite',
                        //     obj: response.donnee,
                        //     headderFixed : false
                        // })
                    },
                    error: function(response) {
                        //// console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            $(document).on("click", ".btn-edit", function() {
                // let itemTransfert = donneListeTransfert.find(function(item) {
                //     return item.IDTRANSFERTSITE == $(this).data("id")
                // })

                // console.log(itemTransfert);
                // return false

                let IDAGENCE = $(this).data("sited")
                let IDAGENCEDESTINATION = $(this).data("siterecept")
                // let IDAGENCE = itemTransfert.IDAGENCE
                // let IDAGENCEDESTINATION = itemTransfert.IDAGENCEDESTINATION


                // if (itemTransfert == undefined) {
                //     alertSwal("Transfert introuvable !!")
                //     return 0
                // }

                let siteEnCours = parseInt($("#idSiteEnCours").val())
                // console.log(itemTransfert.IDAGENCE);
                // console.log(donneListeTransfert, itemTransfert.IDAGENCE, siteEnCours);

                if (parseInt(IDAGENCE) != siteEnCours && parseInt(IDAGENCEDESTINATION) != siteEnCours) {
                    alertSwal("Ce transfert n'est modifiable que dans l'une des agences concernées !")
                    return 0
                }

                location.href = $(this).data("route")
            })

            // Changer type nivellement en classique
            $(document).on('click', "#btnChangeType", function() {
                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.NivellementEnClassique') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            // beforeSend: progressHandler(),
                            success: function(response) {
                                //// console.log(response)
                                if (response.error == false) {
                                    completeHandler()
                                    notifSuccess(response.messages)
                                    chargerDonnee()
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                //// console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous Transformer les transferts sélectionnés en classique ?", {
                        sousTitre: "La transformation du Transfert ne peut être faite, que dans l'AGENCE émétrice du Transfert !",
                        infoJNL: "TRANSFORMATION DE TRANSFERT INTER-SITE",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            // Marquer non comptabiliser depart
            $(document).on('click', "#btnMarqueNonComptabiliseDepart", function() {
                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.nonComptabiliseDepart') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                //// console.log(response)
                                if (response.error == false) {
                                    completeHandler()
                                    notifSuccess(response.messages)
                                    chargerDonnee()
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                //// console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous marquer les lignes sélectionnés comme DEPART NON COMPTABILISE ?", {
                        sousTitre: "",
                        infoJNL: "LISTING TRANSFERT INTER-SITE : MARQUER COMME DEPART NON COMPTABILISE",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            // Marquer non comptabiliser reception
            $(document).on('click', "#btnMarqueNonComptabiliseReception", function() {
                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.nonComptabiliseReception') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    completeHandler()
                                    notifSuccess(response.messages)
                                    chargerDonnee()
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                // console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous marquer les lignes sélectionnés comme RECEPTION NON COMPTABILISE ?", {
                        sousTitre: "",
                        infoJNL: "LISTING TRANSFERT INTER-SITE : MARQUER COMME RECEPTION NON COMPTABILISE",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            // Marquer non comptabiliser reception
            $(document).on('click', "#btnDuplicateLine", function() {
                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.dupliquerTransfertSite') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    completeHandler()
                                    notifSuccess(response.messages)
                                    chargerDonnee()
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                // console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous dupliquer le transfer sélectionné ?", {
                        sousTitre: "",
                        infoJNL: "LISTING TRANSFERT INTER-SITE : DUPLICATION DE TRANSFERT INTER-SITE",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            _('checkTransfertAll').addEventListener('click', function() {
                let value = this.checked
                let tableListeTransfert = $("#tableListeTransfertInterSite").DataTable()
                let lignes = tableListeTransfert.rows().nodes()
                $(lignes).find('#checkLigneTransfert').prop('checked', value)
            })

            // selection d'une ligne de commande
            $(document).on('click', '#checkLigneTransfert', function() {
                if ($(this).checked == true) {
                    $(this).checked = false
                }
                if (_('checkTransfertAll').checked == true) {
                    _('checkTransfertAll').checked == false
                }
            })

            _('checkSelectAllSug').addEventListener('click', function() {
                let value = this.checked
                let tableListeTransfert = $("#tableSuggestionTranfertRempLots").DataTable()
                let lignes = tableListeTransfert.rows().nodes()
                $(lignes).find('#checkSelectLigneSug').prop('checked', value)
            })

            // selection d'une ligne de commande
            $(document).on('click', '#checkSelectLigneSug', function() {
                if ($(this).checked == true) {
                    $(this).checked = false
                }
                if (_('checkSelectAllSug').checked == true) {
                    _('checkSelectAllSug').checked == false
                }
            })

            // Valideation du transfert 
            $("#btnValideTransfert").on("click", function() {
                let listeID = listeLigneSelectionne()
                if (listeID.length <= 0) {
                    alertSwal("Veuiller cocher une/plusieurs lignes !!")
                    return 0
                }

                let wait = new Promise((resolve, reject) => {
                    confirmAction(() => {
                            resolve(true)
                        },
                        "Voulez-vous fractionner le transfert selon les critères ?, - Transfert 1 (St/vm AGENCE destination inférieur à 0.25, - Transfert 2 st/vm AGENCE de destination entre 0.26 et 1, - Transfert 3 st/vm supérieur à 1 mois",
                        "",
                        "warning",
                        () => {
                            resolve(false)
                        }
                    )

                });


                wait.then(function(result) {
                    let fractionner = result;

                    confirmMdp("{{ csrf_token() }}",
                        () => {
                            $.ajax({
                                url: `{{ route('stock.trfInterSite.validerTransfertSite') }}`,
                                type: 'POST',
                                data: {
                                    data: listeID,
                                    faction: fractionner,
                                    "_token": "{{ csrf_token() }}"
                                },
                                dataType: 'json',
                                beforeSend: progressHandler(),
                                success: function(response) {
                                    // console.log(response)
                                    if (response.error == false) {
                                        completeHandler()
                                        notifSuccess(response.messages)
                                        $("#btnSubmitFiltre").trigger("click")
                                        return 0
                                    }
                                    completeHandler()
                                    notifWarning(response.messages)
                                },
                                error: function(response) {
                                    // console.log(response)
                                    completeHandler()
                                    notifError(response.messages)
                                }
                            })
                        },
                        null,
                        "Veuillez saisir votre mot de passe pour valider les transferts site cochées ?", {
                            sousTitre: '',
                            infoJNL: "VALIDATION DE TRANSFERT INTER-SITE",
                            typeJNL: 3,
                            CodeDroit: "DS_TransfertInterSite"
                        }
                    )
                })

            })

            $(document).on('keydown', function(e) {
                if (e.ctrlKey && e.key.toLowerCase() === 'i') {
                    e.preventDefault();
                    $("#btnImprimeTransfert").trigger("click")
                }
            });


            // Impression de transfert
            $(document).on("click", "#btnImprimeTransfert", function(e) {
                e.preventDefault()

                let ligne = listeLigneSelectionne()

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

                $.ajax({
                    url: `{{ route('stock.trfInterSite.print') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: {
                        data: ligne,
                        "_token": "{{ csrf_token() }}"
                    },
                    beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {

                            var pdfBase64 = response.tablePDF;
                            var blob = b64toBlob(pdfBase64, 'application/pdf');

                            var blobUrl = URL.createObjectURL(blob);
                            $(document).find('#checkLigneTransfert').prop('checked', false)
                            var printWindow = window.open(blobUrl);
                            // printWindow.print();
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        //// console.log(response)
                        completeHandler()
                        notifError(response.messages)
                    }
                })
            })

            // Impression d'ecrat
            $(document).on("click", "#btnImprimeRapportEcart", function() {
                let ligne = listeLigneSelectionne()

                if (ligne.length <= 0) {
                    alertSwal("Veuiller cocher une/plusieurs ligne(s) !!")
                    return false
                }

                $.ajax({
                    url: `{{ route('stock.trfInterSite.printEcart') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: {
                        data: ligne,
                        "_token": "{{ csrf_token() }}"
                    },
                    beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        completeHandler()
                        if (response.error == false) {

                            var pdfBase64 = response.tablePDF;
                            var blob = b64toBlob(pdfBase64, 'application/pdf');

                            var blobUrl = URL.createObjectURL(blob);
                            $(document).find('#checkLigneTransfert').prop('checked', false)
                            var printWindow = window.open(blobUrl);
                            // printWindow.print();
                            return 0
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        //// console.log(response)
                        completeHandler()
                        notifError(response.messages)
                    }
                })
            })

            // Ouverture modal d'étiquette
            $(document).on("click", "#imprimeEtiquette", function() {

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

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

            // Impression d'etiquette
            $("#formImpressionEtique").on("submit", function(e) {
                e.preventDefault()

                let liste_id = []
                let ligne = listeLigneSelectionne()

                if (ligne.length <= 0) {
                    alertSwal("Veuiller cocher une/plusieurs ligne(s) !!")
                    return 0
                }


                $.ajax({
                    url: `{{ route('stock.listTrfInterSite.listeIdStockAgence') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: {
                        listID: ligne,
                        "_token": '{{ csrf_token() }}'
                    },
                    // beforeSend: function(param) {
                    //     $("#zoneBntLoader").removeAttr("hidden")
                    //     $("#btnSubmitFiltre").attr("hidden", "hidden")
                    // },
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {

                            let data = {}
                            let route = ""
                            if (_("checkFormatA4").checked == true) {
                                route = `{{ route('modal.imprimeZebraLot') }}`
                                data = {
                                    nbre_etiquette: $("#numeroEtiquette").val(),
                                    LISTE_ID: response.donnee,
                                    _token: "{{ csrf_token() }}"
                                }
                            }

                            if (_("checkFormatZebra").checked == true) {
                                route = `{{ route('modal.imprimeZebraLot') }}`
                                data = {
                                    LISTE_ID: response.donnee,
                                    _token: "{{ csrf_token() }}"
                                }
                            }

                            // // // console.log(data)
                            // // return 0
                            faireImpressionEtiquette(data, route)
                        }
                        $("#zoneBntLoader").attr("hidden", "hidden")
                        $("#btnSubmitFiltre").removeAttr("hidden")
                    },
                    error: function(response) {
                        //// console.log(response)
                        $("#zoneBntLoader").attr("hidden", "hidden")
                        $("#btnSubmitFiltre").removeAttr("hidden")
                        notifError(response.messages)
                    }
                })

            })

            $("#btnSuggestionTransfertRemplacement").on("click", function() {
                $("#modalSugTransfRemplLots").modal("show")
            })

            $("#modalSugTransfRemplLots").on("shown.bs.modal", function() {
                remplissageDataTable({
                    IdentifiantDuTableau: "#tableSuggestionTranfertRempLots",
                    obj: [],
                    fixedColumns: {
                        leftColumns: 3
                    }
                })
            })


            // Récupérer toutes les lignes cochées
            function getCheckedRows() {
                let table = $('#tableSuggestionTranfertRempLots').DataTable();
                let checkedData = [];

                table.$('input.checkSelectLigneSug:checked').each(function() {
                    // Récupère les données de la ligne correspondante
                    let rowData = table.row($(this).closest('tr')).data();
                    checkedData.push(rowData);
                });

                return checkedData;
            }

            $("#btnLancerSuggestion").on("click", function() {

                confirmAction(() => {
                        listeSugg()
                    },
                    'Voulez-vous lancer la suggestion des transferts de remplacement des lots à péremption proche par des Lots plus frais ?',
                    ''
                )
            })

            function listeSugg() {
                $.ajax({
                    type: "get",
                    url: "{{ route('stock.listTrfInterSite.suggestionTransfertRemplacementLots') }}",
                    data: {
                        site_depart: $("#site_depart_sug").val(),
                        site_destination: $("#site_destination_sug").val(),
                        filtrePeriode: $("#filtrePeriodeSugTransfLots").val(),
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        if (response.error == false) {
                            remplissageDataTable({
                                IdentifiantDuTableau: "#tableSuggestionTranfertRempLots",
                                obj: response.data,
                                fixedColumns: {
                                    leftColumns: 3
                                }
                            })
                            completeHandler()
                            return false
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        console.log(response);
                    }
                });
            }

            $("#btnCreerLesTransfert").on("click", function() {

                // Exemple d’utilisation
                let rows = getCheckedRows();

                if (rows.length <= 0) {
                    alertSwal("Aucune ligne n'est sélectionné !")
                    return false
                }

                confirmAction(() => {
                        $.ajax({
                            type: "post",
                            url: "{{ route('stock.listTrfInterSite.creerSuggestionTransfertRemplacementLots') }}",
                            data: {
                                site_depart: $("#site_depart_sug").val(),
                                site_destination: $("#site_destination_sug").val(),
                                filtrePeriode: $("#filtrePeriodeSugTransfLots").val(),
                                _token: "{{ csrf_token() }}",
                                data: rows,
                            },
                            dataType: "json",
                            beforeSend: progressHandler(),
                            success: function(response) {
                                if (response.error == false) {
                                    completeHandler()
                                    listeSugg()
                                    notifSuccess(response.messages)
                                    return false
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                completeHandler()
                                notifDanger(response.messages)
                            }
                        });

                    },
                    'Voulez-vous générer les transferts avec les lignes en cours ?',
                    ''
                )
            })

            $(document).on("change", "#site_depart_sug", function() {

                $.ajax({

                    url: '{{ route('listeAgence') }}',
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        //// console.log(response)
                        $('#site_destination_sug').html('')
                        $.each(response.data, function(key, value) {

                            if (parseInt($("#site_depart_sug").val()) != parseInt(value[
                                    "IDAGENCE"])) {
                                $('#site_destination_sug').append('<option value="' +
                                    value["IDAGENCE"] + '">' + value["NomAgence"] +
                                    '</option>')
                            }
                        })
                    }
                })
            })

            $("#btnGenererTransfertInstanceRupture").on("click", function() {
                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.genererTransfertInstanceRupture') }}`,
                            type: 'GET',
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    // completeHandler()
                                    clearInterval(intervalId);
                                    $('#modalProgress').modal("hide")
                                    notifSuccess(response.messages)
                                    chargerDonnee()
                                    return 0
                                }
                                // completeHandler()
                                clearInterval(intervalId);
                                $('#modalProgress').modal("hide")
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                // console.log(response)
                                clearInterval(intervalId);
                                $('#modalProgress').modal("hide")
                                notifError(response.messages)
                            }
                        })

                        completeHandler()
                        affectLoader(0, 0, 0)
                        $('#modalProgress').modal("show")

                        var intervalId = setInterval(() => {
                            $.ajax({
                                url: `{{ route('getJauge') }}`,
                                type: 'GET',
                                dataType: 'json',
                                async: false,
                                success: function(response) {
                                    //// console.log(response)

                                    let jaugeTotal = parseInt(response.jaugeTotal)
                                    let jaugeEncours = parseInt(response
                                        .jaugeEncours)
                                    let jaugeAgenceEncours = response
                                        .LibelleJaugeEncours

                                    // console.log(jaugeEncours, jaugeTotal)
                                    affectLoader(jaugeTotal, jaugeEncours,
                                        jaugeAgenceEncours)
                                },
                                error: function(response) {
                                    // console.log(response)
                                }
                            })
                        }, 3000);
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour générer les transferts ?", {
                        sousTitre: '',
                        infoJNL: "GENERATION DES TRANSFERTS INTER-SITES INSTANCES DE RUPTURE",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            $("#btnGenererTansfertNivellemnt").on("click", function(param) {
                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.genererTransfertNivellementAuto') }}`,
                            type: 'GET',
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    // completeHandler()
                                    clearInterval(intervalId);
                                    $('#modalProgress').modal("hide")
                                    notifSuccess(response.messages)
                                    chargerDonnee()
                                    return 0
                                }
                                // completeHandler()
                                clearInterval(intervalId);
                                $('#modalProgress').modal("hide")
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                // console.log(response)
                                clearInterval(intervalId);
                                $('#modalProgress').modal("hide")
                                notifError(response.messages)
                            }
                        })

                        completeHandler()
                        affectLoader(0, 0, 0)
                        $('#modalProgress').modal("show")

                        var intervalId = setInterval(() => {
                            $.ajax({
                                url: `{{ route('getJauge') }}`,
                                type: 'GET',
                                dataType: 'json',
                                async: false,
                                success: function(response) {
                                    //// console.log(response)

                                    let jaugeTotal = parseInt(response.jaugeTotal)
                                    let jaugeEncours = parseInt(response
                                        .jaugeEncours)
                                    let jaugeAgenceEncours = response
                                        .LibelleJaugeEncours

                                    console.log(jaugeEncours, jaugeTotal)
                                    affectLoader(jaugeTotal, jaugeEncours,
                                        jaugeAgenceEncours)
                                },
                                error: function(response) {
                                    // console.log(response)
                                }
                            })
                        }, 3000);
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour générer les transferts ?", {
                        sousTitre: '',
                        infoJNL: "GENERATION DES TRANSFERTS INTER-SITES NIVELLEMENT AUTOMATIQUE DE STOCK",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    }
                )
            })

            $('#modalDetailTransfertSite').on('hidden.bs.modal', function(evt) {
                setIdOnfirstOpenModalBeforeProd(evt.target.id)
            })
            $('#modalDetailTransfertSite').on('shown.bs.modal', function(evt) {
                $.fn.dataTable
                    .tables({
                        visible: true,
                        api: true
                    })
                    .columns.adjust();
            })


            var BIgnore = true;
            var def = $.Deferred()

            $("#btnComptabliserDepart").on("click", function() {

                let val = listeLigneSelectionne()
                if (val.length <= 0) {
                    alertSwal("Selectionnée uneplusieurs lignes !!!")
                    return 0
                }

                let confirm = new Promise((resolve, reject) => {
                    confirmMdp("{{ csrf_token() }}",
                        () => {
                            confirmAction(() => {
                                    resolve(true)
                                },
                                "Voulez-vous ignorer si certaines lignes sont comptablisés ?",
                                "",
                                "", () => {
                                    resolve(false)
                                }, )
                        },
                        null,
                        "Veuillez saisir votre mot de passe pour comptabliser en départ les transferts ?", {
                            sousTitre: '',
                            infoJNL: "INTEGRATION DE TRANSFERT DEPART",
                            typeJNL: 3,
                            CodeDroit: "DC_IntegrationSage"
                        }
                    )

                });

                confirm.then(function(result) {
                    Comptablise("{{ route('stock.listTrfInterSite.comptabiliseDepart') }}", result)
                })
            })

            $("#btnComptabliserReception").on("click", function() {

                let val = listeLigneSelectionne()
                if (val.length <= 0) {
                    alertSwal("Selectionnée uneplusieurs lignes !!!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        confirmAction(
                            () => {
                                Comptablise(
                                    `{{ route('stock.listTrfInterSite.comptabiliseReception') }}`,
                                    true)
                            }, "Voulez-vous ignorer si certaines lignes sont comptablisés ?", "",
                            "",
                            () => {
                                Comptablise(
                                    `{{ route('stock.listTrfInterSite.comptabiliseReception') }}`,
                                    false)
                            }, )
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour comptabliser en réception les transferts ?", {
                        sousTitre: '',
                        infoJNL: "INTEGRATION DE TRANSFERT RECEPTION",
                        typeJNL: 3,
                        CodeDroit: "DC_IntegrationSage"
                    })

            })

            function Comptablise(url, BIgnore) {
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        data: listeLigneSelectionne(),
                        BIgnore: BIgnore,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {
                            completeHandler()
                            notifSuccess(response.messages)
                            chargerDonnee()
                            return 0
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        completeHandler()
                        // console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                })

            }

            function affectLoader(jaugeTotal, jaugeEncours, jaugeAgenceEncours) {
                // console.log(jaugeEncours, jaugeTotal)
                $(".progress").attr("aria-valuenow", jaugeEncours)
                $(".progress-bar").css("width", jaugeEncours + "%")
                $(".progress-bar").text(jaugeAgenceEncours)
                $(".progress-bar-label").text(jaugeEncours + "%")
            }

            // Actualiser le tableau
            $("#btnActualise").on("click", function() {
                if ($("#idtransfert").val() == "") {
                    location.reload()
                } else {
                    liste($("#idtransfert").val())
                }
            })

            function chargerDonnee() {
                // let formData = new FormData(_(
                //     'formFiltreListeTransfertSIte'))

                //     site_filtre
                //     filtrePeriode
                // listeDesTransferts(formData)
                $("#btnSubmitFiltre").trigger("click")
            }

            function listeLigneSelectionne() {

                let dataIdCmdeLigne = []
                let dataPack = []
                let valNow = ""
                let tableListeTransfert = $("#tableListeTransfertInterSite").DataTable()
                let lignes = tableListeTransfert.rows().nodes()

                $.each($(lignes).find('#checkLigneTransfert'), function(key, value) {

                    if (value.checked == true) {
                        // data - idclient
                        dataIdCmdeLigne.push(value.getAttribute('data-id'))
                    }
                })
                return dataIdCmdeLigne
            }

            function listeDesTransferts(formData) {

                $.ajax({
                    url: `{{ route('stock.listTrfInterSite.listeTransfert') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: formData,
                    processData: false,
                    contentType: false,
                    beforeSend: function(param) {
                        $("#zoneBntLoader").removeAttr("hidden")
                        $("#btnSubmitFiltre").attr("hidden", "hidden")
                    },
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {
                            remplissageDataTable({
                                IdentifiantDuTableau: '#tableListeTransfertInterSite',
                                obj: response.donnee
                            })

                            $("#nbreLigne").text(response.total.ligne)
                            $("#valeurTransfert").text(response.total.valeur)
                            $("#valeurCession").text(response.total.valeurCession)

                            donneListeTransfert = response.donnee;

                            let divShowPer = $('#tableListeTransfertInterSite_filter')
                            let BroDivShowPer = divShowPer.parent().parent()
                            let child = BroDivShowPer.children().eq(0)
                            let child2 = BroDivShowPer.children().eq(1)

                            child2.removeClass('col-md-6')
                            child2.addClass('col-md-4 d-flex  justify-content-end')
                            // child2.append('<div class=" d-flex justify-content-end">\
                            //                                         <div class="dropdown">\
                            //                                             <button class="btn btn-sm btn-icon btn-outline-dark" type="button" id="dropdownMenuButton1"\
                            //                                                 data-bs-toggle="dropdown" aria-expanded="false">\
                            //                                                 <i class="bx bx-dots-horizontal-rounded " style="font-size : 17px;cursor : pointer;" ></i>\
                            //                                             </button>\
                            //                                             <ul class="dropdown-menu overflow-auto" aria-labelledby="dropdownMenuButton1" id="dropChoixCol"  style="max-height: 300px;">\
                            //                                             </ul>\
                            //                                         </div>\
                            //                                     </div>')

                            child.removeClass('col-md-6')
                            child.addClass('d-flex pt-2 col-md-8')

                            // <span class="d-flex align-items-center px-2" id="btnImprimeEtiquette">
                            //                     <i class="bx bxs-printer text-warning me-1" style="font-size : 18px; cursor : pointer;"></i>
                            //                     <span id="" class="fw-bold" style="cursor : pointer;">Imprimer étiquette</span>
                            //                 </span>
                            child.append(`<span class="d-flex align-items-center px-2" id="btnSupprimeLigne">
                                            
                                        <span class="d-flex align-items-center px-2" style="cursor : pointer;">
                                            <span class="dropdown">
                                                <label class="dropdown-toggle"id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class='bx bx-list-plus text-info' style="font-size : 18px; "></i> Autre action
                                                </label>
                                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                    <li><a class="dropdown-item" href="javascript:void(0);" id="btnChangeType">Changer le type de transfert des lignes cochées </a></li>
                                                    <li><a class="dropdown-item" href="javascript:void(0);" id="btnMarqueNonComptabiliseDepart">Marquer les lignes cochées comme DEPART NON COMPTABILISE </a></li>
                                                    <li><a class="dropdown-item" href="javascript:void(0);" id="btnMarqueNonComptabiliseReception">Marquer les lignes cochées comme RECEPTION NON COMPTABILISE </a></li>
                                                    <li><a class="dropdown-item" href="javascript:void(0);" id="btnDuplicateLine">Dupliquer les lignes cochées</a></li>
                                                    <li><a class="dropdown-item" href="javascript:void(0);" id="btnReSynchronise">Re-synchroniser les lignes cochées</a></li>
                                                </ul>
                                            </span>
                                        </span>
                                         <span class="d-flex align-items-center px-2" style="cursor : pointer;" id="btn-export-transfert-interSite">
                                                <i class='ri ri-file-excel-2-line text-success me-1' style="font-size : 18px; cursor : pointer;"></i>
                                                <span  class="fw-bold" style="cursor : pointer;">Exporter</span>
                                            </span>
                                         <span class="d-flex align-items-center px-2" style="cursor : pointer;" id="btnImprimeTransfert">
                                                <i class='ri ri-printer-fill text-info me-1' style="font-size : 18px; cursor : pointer;"></i>
                                                <span  class="fw-bold" style="cursor : pointer;">Imprimer</span>
                                            </span>
                                         <span class="d-flex align-items-center px-2" style="cursor : pointer;" id="imprimeEtiquette">
                                                <i class='ri ri-barcode-line text-danger me-1' style="font-size : 18px; cursor : pointer;"></i>
                                                <span  class="fw-bold" style="cursor : pointer;">Imprimer étiquette</span>
                                            </span>
                                        `)

                            if (dataRecup != null && (dataRecup.numTransfert != "" || dataRecup
                                    .numTransfert != null)) {
                                $("#tableListeTransfertInterSite_filter input").val(dataRecup
                                    .numTransfert).trigger("input")
                            }

                            $("#zoneBntLoader").attr("hidden", "hidden")
                            $("#btnSubmitFiltre").removeAttr("hidden")
                            return 0
                        }
                        $("#zoneBntLoader").attr("hidden", "hidden")
                        $("#btnSubmitFiltre").removeAttr("hidden")
                    },
                    error: function(response) {
                        //// console.log(response)
                        $("#zoneBntLoader").attr("hidden", "hidden")
                        $("#btnSubmitFiltre").removeAttr("hidden")
                        notifError(response.messages)
                    }
                })
            }


            $(document).on('click', '#btn-export-transfert-interSite', function() {
                var data = getCleanedTableData('tableListeTransfertInterSite')
                const filename = file_name("TRANSFERT_INTER_SITE");
                download_excel_file('{{ route('export_global_excel.export') }}', data, filename)
            })

            $(document).on('click', '#btn-export-transfert-interSite-detail', function() {
                var data = remplissage_avec_row_add_DataTable('tableDetailTransfertSite')
                const filename = file_name("TRANSFERT_INTER_SITE_DETAIL");
                download_excel_file('{{ route('export_global_excel.export') }}', data, filename)
            })


        })
    </script>
@endsection