@extends('models')
@section('titre-page', 'Transfert inter-site')
@section('substock', 'open active')
@section('stock', 'active')
@section('TrfInterSite', 'active')
@section('content-body')

@php
    
    $ModeGpharma = ModeGpharma();
@endphp 

    <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;
        }

        /* Classe qu’on pose à l’initialisation */
        .fade-toggle {
            transition: opacity .3s ease, display .3s ease;
            opacity: 1;
            display: ;
            /* présent à l’écran */
        }

        /* On ajoute/retire .is-hidden pour basculer */
        .fade-toggle.is-hidden {
            opacity: 0;
            /* fondu */
            display: none;
            /* plus cliquable, plus lisible */
        }
    </style>

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <!-- Start:: row-7 -->
        <div class="col-xl-12 col-12">
            <div class="row mb-3">
                <div class="col-xl-3 col-lg-4 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Stocks</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Transfert inter-site</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 ">
                    <div class="row justify-content-end">
                        {{-- @if (ModeGpharma() == 2) --}}
                        {{-- <div class="col-xl-2 px-0 mx-0 d-flex justify-content-end" id="divAjoutFraisApproche">
                            <button class="btn btn-secondary" id="btnAjoutFraisApproche" data-bs-toggle="tooltip"
                                data-bs-custom-class="tooltip-secondary" data-bs-placement="left"
                                title="Ajout de frais d'approche ">
                                <i class='bx bx-money'></i>
                            </button>
                        </div> --}}
                        {{-- @endif --}}
                        <div class="col-xl-2 col-sm-3 col-md-3 px-0 mx-0 d-flex justify-content-center">
                            <a href="{{ route('stocks.transfertInterSite') }}">
                                <button class=" btn btn-wave waves-effect waves-light btn-info-light w-100" id="btnNew">
                                    <i class='bx bx-plus-circle me-2'></i> Nouveau
                                </button>
                            </a>
                        </div>
                        <div class="col-xl-2 col-md-3 col-sm-4 px-0 d-flex justify-content-center" id="divValideTransfert">
                            <button class=" btn w-100 btn-success" id="btnValideTransfert" @disabled(!in_array('DS_ModificationTransfertInterSite', session('LISTE_DROIT_ACCESS')))>
                                <i class="bx bx-vertical-bottom me-2"></i> Valider
                            </button>
                        </div>
                        <div class="col-xl-1 col-md-1 col-sm-4 d-flex justify-content-center" id="divActualise">
                            <button class=" btn btn-light w-100" id="btnActualise" data-bs-toggle="tooltip"
                                data-bs-custom-class="tooltip-light" data-bs-placement="top"
                                title="Actualisation des données">
                                <i class="bi bi-arrow-repeat"></i>
                            </button>
                        </div>
                        <div class="col-xl-2 col-md-2 col-sm-4 px-0 mx-0 d-flex justify-content-center" id="divIntegreCSV">
                            <button class=" btn btn-info" id="btnIntegreCSV">
                                <i class='bx bx-export me-1'></i>&nbsp;Integer transfert
                            </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="btnImprimeTransfert">
                                            <i class='bx bx-export me-1'></i>&nbsp;Imprimer
                                        </button>
                                    </li>
                                    <li>
                                        <button class="dropdown-item text-start" id="btnImprimeRapportEcart">
                                            <i class='bx bx-export me-1'></i>&nbsp;Rapport d'écart
                                        </button>
                                    </li>

                                    <li id="divLanceAutoTransfert">
                                        <button class="dropdown-item text-start" id="btnLanceAutoTransfert">
                                            <i class='bx bx-export me-1'></i>&nbsp;Lancer les transferts automatiquement
                                        </button>
                                    </li>

                                </ul>
                            </div>

                        </div>
                        <div class="col-xl-1 col-md-1 col-sm-4 px-0 d-flex justify-content-center"
                            id="divSupprimerTransfert">
                            <button class=" btn btn-danger w-100" id="btnSupprimerTransfert" data-bs-toggle="tooltip"
                                data-bs-custom-class="tooltip-danger" data-bs-placement="top"
                                title="Supprimer transfert inter-site">
                                <i class="bi bi-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col-xl-12">
            <div class="row">
                <div class="col-xl-4">
                    <div class="card bg-dark-transparent">
                        <div class="card-header bg-danger-gradient p-0">
                            <div class="row">

                                <div class="col-10 text-center">
                                    <label>Infos du transfert inter-site</label>
                                </div>
                                <div class="col-2 text-center text-light">
                                    <span class="me-2" data-bs-toggle="tooltip" data-bs-trigger="hover"
                                        data-bs-custom-class="tooltip-secondary" data-bs-placement="left"
                                        title="Liste des valeurs">

                                        <i class="bx bxs-check-circle" tabindex="0" role="button" data-bs-html="true"
                                            data-bs-toggle="popover" data-bs-custom-class="header-secondary"
                                            data-bs-trigger="focus" data-bs-placement="top" title="Valeurs"
                                            data-bs-content='Valeur PRMP : <span class="fw-bold"> 0</span><br> 
                                                    Valeur Cession TTC : <span class="fw-bold"> 0</span><br> 
                                                    Frais dapproche : <span class="fw-bold">0</span>'
                                            id="valeurTSBS"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row ">
                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Site de départ</p>
                                    <select class="form-select" name="site_depart" id="site_depart" disabled>
                                        @foreach (session('site') as $item)
                                            <option value="{{ $item->IDAGENCE }}">{{ $item->NomAgence }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Date du transfert&nbsp;:</p>
                                    <input type="text" class="form-control text-center" name="date_transfert"
                                        id="date_transfert" value="" disabled
                                        style="letter-spacing: -1px !important;" />
                                </div>
                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Site de destination</p>
                                    <select class="form-select" name="site_reception" id="site_reception">
                                        {{-- @foreach (session('allSite') as $item)
                                            @if (session('IDAGENCE') != $item->IDAGENCE)
                                                <option value="{{ $item->IDAGENCE }}" @selected($item->IDAGENCE == session('IDAGENCE') + 1) >{{ $item->NomAgence }}</option>
                                            @endif
                                        @endforeach --}}
                                    </select>
                                </div>
                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">N° référence&nbsp;:</p>
                                    <input type="text" class="form-control text-center" name="num_reference"
                                        id="num_reference" @readonly(true) />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4">
                    <div class="card  bg-success-transparent">
                        <div class="card-header bg-success-gradient p-0">
                            <div class="col-xl-12 text-center">
                                <label for="">Validation départ</label>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">

                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Date et Heure départ</p>
                                    <input type="text" class="form-control text-center"
                                        name="date_heure_depart" id="date_heure_depart" disabled />
                                </div>

                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Opérateur</p>
                                    <input type="text" class="form-control"name="operateur_depart"
                                        id="operateur_depart" disabled>
                                </div>
                                <div class="col-xl-10">
                                    <p class="mb-0 text-muted">Commentaire</p>
                                    <input type="text" class="form-control text-center" name="Commentaire_depart"
                                        id="Commentaire_depart" />
                                </div>
                                <div class="col-xl-2">
                                    <button class="btn btn-success mt-3" id="btn_valide_depart" data-bs-toggle="tooltip"
                                        data-bs-custom-class="tooltip-success" data-bs-placement="left"
                                        data-bs-trigger="hover" title="Valider le départ">
                                        <i class='bx bxs-check-circle'></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4">
                    <div class="card bg-warning-transparent">
                        <div class="card-header bg-warning-gradient p-0">
                            <div class="col-xl-12 text-center">
                                <label for="">Validation réception</label>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">

                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Date et Heure réception</p>
                                    <input type="text" class="form-control text-center"
                                        name="date_heure_reception" id="date_heure_reception" disabled />
                                </div>

                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Opérateur</p>
                                    <input type="text" class="form-control" name="operateur_reception"
                                        id="operateur_reception" disabled>
                                </div>
                                <div class="col-xl-10">
                                    <p class="mb-0 text-muted">Commentaire</p>
                                    <input type="text" class="form-control text-center" name="Commentaire_reception"
                                        id="Commentaire_reception" />
                                </div>
                                <div class="col-xl-2">
                                    <button class="btn btn-success mt-3" id="btn_valide_reception"
                                        data-bs-toggle="tooltip" data-bs-custom-class="tooltip-success"
                                        data-bs-placement="left" data-bs-trigger="hover" title="Valider la réception">
                                        <i class='bx bxs-check-circle'></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class=" col-xl-12">
            <div class="card  custom-card">
                <div class="card-header d-block">
                    <form id="formAddTransfertInterSite">
                        @csrf

                        @php
                            if (!isset($id)) {
                                $id = 0;
                            }
                        @endphp

                        <input type="text" name="idtransfertEncours" id="idtransfertEncours" value="{{  $id }}" hidden>
                        <input type="text" name="idtransfert" id="idtransfert" value="{{ $id }}" hidden>
                        <input type="text" name="idtransfert_crypt" id="idtransfert_crypt" value="{{crypterId($id)}}" hidden>

                        <div class="row" id="zoneTransfert">
                            <div class="col-xl-11">
                                <div class="row">
                                    <div class="col-xl-2">

                                        <p class="mb-0 text-muted">Zone de stockage</p>
                                        <select class="form-select" name="zone_depart" id="zone_depart">

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

                                        </select>
                                    </div>
                                    <div class="col-xl-6">
                                        <div class="row">
                                            <div class="col-xl-3">
                                                <p class="mb-0 text-muted">St. départ</p>
                                                <input type="text" class="form-control" id="st_depart_tis" disabled>
                                            </div>
                                            <div class="col-xl-3">
                                                <p class="mb-0 text-muted">St. réception</p>
                                                <input type="text" class="form-control" id="st_recept_tis" disabled>
                                            </div>
                                            <div class="col-xl-3">
                                                <p class="mb-0 text-muted">Cartonnage</p>
                                                <input type="text" class="form-control" id="cartonnage_tis" disabled>
                                            </div>
                                            <div class="col-xl-3">
                                                <p class="mb-0 text-muted">Qté à transférer</p>
                                                <input type="text" class="form-control text-center" name="qte_transfere"
                                                    id="qte_transfere" value="0" autocomplete="off"
                                                    oninput="this.value = this.value.replace(/\D/g, '')">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-1">
                                <button type="submit" class="btn btn-primary mt-3 w-100" id="btnSubmitFiltre"
                                    data-bs-toggle="tooltip" data-bs-custom-class="tooltip-primary"
                                    data-bs-placement="top" title="Ajouter le produit">
                                    <i class='bx bxs-check-circle'></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>

                        <div class="row d-none" id="zoneReception">
                            <div class="col-xl-11">
                                <div class="row">

                                    <div class="col-xl-5">
                                        <p class="mb-0 text-muted">Produit</p>
                                        <select class="form-select" name="produit_receptionnee"
                                            id="produit_receptionnee">

                                        </select>
                                    </div>
                                    <div class="col-xl-3">
                                        <p class="mb-0 text-muted">Numéro lot</p>
                                        <select class="form-select" name="lot" id="lot">

                                        </select>
                                    </div>
                                    <div class="col-xl-2">
                                        <p class="mb-0 text-muted">Date péremption</p>
                                        <input type="date" class="form-control text-center"
                                            id="datePeremption_receptionnee" readonly>

                                    </div>
                                    <div class="col-xl-2">
                                        <p class="mb-0 text-muted">Qté à réceptionner</p>
                                        <input type="text" class="form-control text-center" name="qte_receptionnee"
                                            id="qte_receptionnee" value="0">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-1">
                                <button type="submit" class="btn btn-primary mt-3 w-100" id="btnSubmitFiltre"
                                    data-bs-trigger="hover" data-bs-toggle="tooltip"
                                    data-bs-custom-class="tooltip-primary" data-bs-placement="top"
                                    aria-label="Ajouter le produit" data-bs-original-title="Ajouter le produit">
                                    <i class="bx bxs-check-circle"></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 class=" row mt-3 bg-info bg-opacity-10 border border-info border-1 rounded p-2 fade-toggle is-hidden"
                        id="zoneGraphe">
                        <div class="row">
                            <div class="col-xl-8">
                                <div id="echart-bar-labels-detail"
                                    class="echart-charts d-flex justify-content-center align-items-center"
                                    style="max-height: 150px;"><img src="{{ asset('assets/images/emptydata.png') }}"
                                        style="width: 15%" alt="" srcset=""></div>
                            </div>
                            <div class="col-xl-4">
                                <div class="row">

                                    <ul class="nav nav-tabs mb-1 nav-justified nav-style-1 d-sm-flex d-block"
                                        role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-bs-toggle="tab" role="tab"
                                                href="#home1-justified" aria-selected="true">Stat A date</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-bs-toggle="tab" role="tab"
                                                href="#about1-justified" aria-selected="false">Stat
                                                Actuelle</a>
                                        </li>

                                    </ul>
                                    <div class="tab-content px-0 py-0">
                                        <div class="tab-pane text-muted active show  p-1 ps-2" id="home1-justified"
                                            role="tabpanel">
                                            <div class="row justify-content-center">
                                                <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 text-muted">Cat. : <span class="fw-bold"
                                                            id="statDateCatAbc2"
                                                            style="height: 1.5rem !important;"></span>
                                                    </p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 text-muted">Vmm : <span class="fw-bold"
                                                            id="statDateVmm" style="height: 1.5rem !important;">0</span>
                                                    </p>
                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 text-muted">Vm-1 : <span class="fw-bold"
                                                            id="statDateVm1" style="height: 1.5rem !important;">0</span>
                                                    </p>
                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 text-muted">Vm-3 : <span class="fw-bold"
                                                            id="statDateVm3" style="height: 1.5rem !important;">0</span>
                                                    </p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 text-muted">Vm-6 : <span class="fw-bold"
                                                            id="statDateVm6" style="height: 1.5rem !important;">0</span>
                                                    </p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 text-muted">Vm-12 : <span class="fw-bold"
                                                            id="statDateVm12" style="height: 1.5rem !important;">0</span>
                                                    </p>

                                                </div>
                                            </div>
                                            <hr>
                                            {{-- <div class="row">
    
                                                <div class="col-xl-6 col-md-1 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 "><span class="text-muted">Seuil Mini
                                                            : </span> <span class="fw-bold" id="statDateSeuilMini"
                                                            style="height: 1.5rem !important;">0</span></p>
    
                                                </div>
                                                <div class="col-xl-6 col-md-1 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0 ">
                                                        <span class="text-muted"> Seuil Maxi :</span>
                                                        <span class="fw-bold" id="statDateSeuilMaxi"
                                                            style="height: 1.5rem !important;">0</span>
                                                    </p>
    
                                                </div>
                                            </div> --}}
                                        </div>
                                        <div class="tab-pane text-muted p-1 ps-2" id="about1-justified" role="tabpanel">
                                            <div class="row">
                                                <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0">
                                                        <span class=" text-muted">Cat. : </span>
                                                        <span class="fw-bold" id="statActuCatAbc"
                                                            style="height: 1.5rem !important;"></span>
                                                    </p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0">
                                                        <span class=" text-muted">Vmm : </span>
                                                        <span class="fw-bold" id="statActuVmm"
                                                            style="height: 1.5rem !important;">0</span>
                                                    </p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0">
                                                        <span class=" text-muted">Vm-1 :</span>
                                                        <span class="fw-bold" id="statActuVm1"
                                                            style="height: 1.5rem !important;">0</span>
                                                    </p>
                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0"><span class=" text-muted">Vm-3
                                                            :</span> <span class="fw-bold" id="statActuVm3"
                                                            style="height: 1.5rem !important;">0</span></p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0"><span class="text-muted">Vm-6
                                                            :</span> <span class="fw-bold" id="statActuVm6"
                                                            style="height: 1.5rem !important;">0</span></p>

                                                </div>
                                                <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0"><span class=" text-muted">Vm-12
                                                            :</span> <span class="fw-bold" id="statActuVm12"
                                                            style="height: 1.5rem !important;">0</span></p>

                                                </div>
                                            </div>
                                            <hr>
                                            {{-- <div class="row">
    
                                                <div class="col-xl-6 col-md-1 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0"><span class=" text-muted">Seuil Mini
                                                            :</span> <span class="fw-bold" id="statActuSeuilMini"
                                                            style="height: 1.5rem !important;">0</span></p>
    
                                                </div>
                                                <div class="col-xl-6 col-md-1 mb-2 d-flex justify-content-center">
                                                    <p class="mb-0"><span class=" text-muted">Seuil Maxi
                                                            :</span> <span class="fw-bold" id="statActuSeuilMaxi"
                                                            style="height: 1.5rem !important;">0</span></p>
    
                                                </div>
                                            </div> --}}
                                        </div>

                                    </div>
                                </div>

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

                    <div class=" row mt-3 fade-toggle is-hidden " id="zoneVmTIS">
                        <div class="col-xl-4">
                            <div class="card bg-info bg-opacity-10 border border-info border-1 rounded">
                                <div class="card-header justify-content-center p-1">
                                    <div class="">
                                        Vm pays
                                    </div>
                                </div>
                                <div class="card-body bg-white pt-1 pb-1">
                                    <div class="row">
                                        <ul class="nav nav-tabs mb-1 nav-justified nav-style-1 d-sm-flex d-block"
                                            role="tablist">

                                            <li class="nav-item">
                                                <a class="nav-link active" data-bs-toggle="tab" role="tab"
                                                    href="#vm_pays" aria-selected="true">Stat
                                                    Actuelle</a>
                                            </li>

                                        </ul>
                                        <div class="tab-content px-0 py-0">
                                            <div class="tab-pane text-muted p-1 ps-2 active" id="vm_pays"
                                                role="tabpanel">
                                                <div class="row">
                                                    <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Cat. : </span>
                                                            <span class="fw-bold" id="statActuCatAbc_vmpays"
                                                                style="height: 1.5rem !important;"></span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Vmm : </span>
                                                            <span class="fw-bold" id="statActuVmm_vmpays"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Vm-1 :</span>
                                                            <span class="fw-bold" id="statActuVm1_vmpays"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class=" text-muted">Vm-3
                                                                :</span> <span class="fw-bold" id="statActuVm3_vmpays"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class="text-muted">Vm-6
                                                                :</span> <span class="fw-bold" id="statActuVm6_vmpays"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class=" text-muted">Vm-12
                                                                :</span> <span class="fw-bold" id="statActuVm12_vmpays"
                                                                style="height: 1.5rem !important;">0</span></p>

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

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="card custom-card  bg-warning bg-opacity-10 border border-warning border-1 rounded">
                                <div class="card-header justify-content-center p-1">

                                    Site de départ
                                </div>
                                <div class="card-body bg-white pt-1 pb-1">
                                    <div class="row">
                                        <ul class="nav nav-tabs mb-1 nav-justified nav-style-1 d-sm-flex d-block"
                                            role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" data-bs-toggle="tab" role="tab"
                                                    href="#vm_act_depart" aria-selected="true">Stat
                                                    Actuelle</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" role="tab"
                                                    href="#vm_adate_depart" aria-selected="false">Stat A date</a>
                                            </li>

                                        </ul>
                                        <div class="tab-content px-0 py-0">
                                            <div class="tab-pane text-muted p-1 ps-2 active show" id="vm_act_depart"
                                                role="tabpanel">
                                                <div class="row">
                                                    <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Cat. : </span>
                                                            <span class="fw-bold" id="statActuCatAbc_vmsitedepart"
                                                                style="height: 1.5rem !important;"></span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Vmm : </span>
                                                            <span class="fw-bold" id="statActuVmm_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Vm-1 :</span>
                                                            <span class="fw-bold" id="statActuVm1_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class=" text-muted">Vm-3
                                                                :</span> <span class="fw-bold"
                                                                id="statActuVm3_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class="text-muted">Vm-6
                                                                :</span> <span class="fw-bold"
                                                                id="statActuVm6_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class=" text-muted">Vm-12
                                                                :</span> <span class="fw-bold"
                                                                id="statActuVm12_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane text-muted  p-1 ps-2" id="vm_adate_depart"
                                                role="tabpanel">
                                                <div class="row justify-content-center">
                                                    <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Cat. : <span class="fw-bold"
                                                                id="statDateCatAbc2_vmsitedepart"
                                                                style="height: 1.5rem !important;"></span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vmm : <span class="fw-bold"
                                                                id="statDateVmm_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-1 : <span class="fw-bold"
                                                                id="statDateVm1_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-3 : <span class="fw-bold"
                                                                id="statDateVm3_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-6 : <span class="fw-bold"
                                                                id="statDateVm6_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-12 : <span class="fw-bold"
                                                                id="statDateVm12_vmsitedepart"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div
                                class="card custom-card  bg-secondary bg-opacity-10 border border-secondary border-1 rounded">
                                <div class="card-header justify-content-center p-1">
                                    Site d'arrivée
                                </div>
                                <div class="card-body bg-white pt-1 pb-1">
                                    <div class="row">
                                        <ul class="nav nav-tabs mb-1 nav-justified nav-style-1 d-sm-flex d-block"
                                            role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" data-bs-toggle="tab" role="tab"
                                                    href="#vm_actu_arrivee" aria-selected="true">Stat
                                                    Actuelle</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" role="tab"
                                                    href="#vm_adate_arrivee" aria-selected="false">Stat A date</a>
                                            </li>

                                        </ul>
                                        <div class="tab-content px-0 py-0">
                                            <div class="tab-pane text-muted p-1 ps-2 active show " id="vm_actu_arrivee"
                                                role="tabpanel">
                                                <div class="row">
                                                    <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Cat. : </span>
                                                            <span class="fw-bold" id="statActuCatAbc_vmsitearrivee"
                                                                style="height: 1.5rem !important;"></span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Vmm : </span>
                                                            <span class="fw-bold" id="statActuVmm_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0">
                                                            <span class=" text-muted">Vm-1 :</span>
                                                            <span class="fw-bold" id="statActuVm1_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class=" text-muted">Vm-3
                                                                :</span> <span class="fw-bold"
                                                                id="statActuVm3_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class="text-muted">Vm-6
                                                                :</span> <span class="fw-bold"
                                                                id="statActuVm6_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span></p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0"><span class=" text-muted">Vm-12
                                                                :</span> <span class="fw-bold"
                                                                id="statActuVm12_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span></p>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane text-muted  p-1 ps-2" id="vm_adate_arrivee"
                                                role="tabpanel">
                                                <div class="row justify-content-center">
                                                    <div class="col-xl-4 col-md-1 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Cat. : <span class="fw-bold"
                                                                id="statDateCatAbc2_vmsitearrivee"
                                                                style="height: 1.5rem !important;"></span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vmm : <span class="fw-bold"
                                                                id="statDateVmm_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-1 : <span class="fw-bold"
                                                                id="statDateVm1_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-3 : <span class="fw-bold"
                                                                id="statDateVm3_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-6 : <span class="fw-bold"
                                                                id="statDateVm6_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

                                                    </div>
                                                    <div class="col-xl-4 col-md-4 mb-2 d-flex justify-content-center">
                                                        <p class="mb-0 text-muted">Vm-12 : <span class="fw-bold"
                                                                id="statDateVm12_vmsitearrivee"
                                                                style="height: 1.5rem !important;">0</span>
                                                        </p>

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

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table
                            class="table table-striped tablehover text-nowrap w-100 openModalProduit no-footer dataTable"
                            id="tableTransfertInterSite">
                            <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">
                                        #
                                    </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">
                                        Désignation</th>
                                    <th class="text-center" data-column="ColisageLot" data-class="text-center">Colisage
                                    </th>
                                    <th class="text-center" data-column="CartonnageLot" data-class="text-center">
                                        Cartonnage</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="QteTransfereeInput" data-class="text-center">
                                        Qté collectée
                                    </th>
                                    <th class="text-center" data-column="collecter" data-class="text-center">C</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="NomEmplacement_EXP" data-class="text-center">
                                        Emplacement prélèvement
                                    </th>
                                    <th class="text-center" data-column="StockZonePrelevement" data-class="text-center">
                                        Stock
                                    </th>
                                    <th class="text-center" data-column="stockEnVm" data-class="text-center">Stock <br>
                                        en VM
                                    </th>
                                    <th class="text-center" data-column="NumeroLotProduit" data-class="text-center"
                                        style="width: 20%">
                                        &nbsp; &nbsp; &nbsp; Numéro de Lot &nbsp; &nbsp; &nbsp;</th>
                                    <th class="text-center" data-column="DatePeremption" data-class="text-center">
                                        Péremption</th>
                                    <th class="text-center" data-column="selectZoneRecept" data-class="text-center">
                                        Zone de Réception
                                    </th>
                                    <th class="text-center" data-column="NomEmplacement_RECEPT" data-class="text-center">
                                        Emplacement Réception
                                    </th>
                                    <th class="text-center" data-column="StockTotalDestination" data-class="text-center">
                                        Stock Destination
                                    </th>
                                    <th class="text-center" data-column="stockDestEnVm" data-class="text-center">
                                        Stock Destination <br> en VM
                                    </th>
                                    <th class="text-center" data-column="ValeurPrixRMP" data-class="text-end">
                                        Valeur PRMP
                                    </th>
                                    <th class="text-center" data-column="ValeurCessionTTC" data-class="text-end">
                                        Valeur Cession TTC
                                    </th>
                                    <th class="text-center" data-column="ValeurFraisApprocheTSL" data-class="text-end">
                                        Frais approche
                                    </th>
                                </tr>
                            </thead>
                        </table>

                        {{-- La quantite a facturer part de zero sur chaque ligne : ce bouton
                             evite de la ressaisir ligne par ligne quand on facture tout ce qui
                             est arrive. Il ne s'affiche pas si la reception est deja validee,
                             les quantites n'etant alors plus modifiables. --}}
                        <div class="d-flex justify-content-end mb-2" id="zoneBtnPrendreQte">
                            <button type="button" class="btn btn-sm btn-outline-primary btn-wave"
                                    id="btnPrendreToutesLesQte">
                                <i class="ri-file-copy-line align-middle me-1"></i>
                                Prendre toutes les qté
                            </button>
                        </div>

                        <table
                            class="table table-striped tablehover text-nowrap w-100 openModalProduit no-footer dataTable"
                            id="tableTransfertInterSiteExpedition">
                            <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="checkTransfertAllExp">
                                        #
                                    </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">
                                        Désignation
                                    </th>
                                    <th class="text-center" data-column="QteTransferee" data-class="text-center">
                                        Qté Transférée
                                    </th>
                                    <th class="text-center" data-column="QteReceptionnee" data-class="text-center">
                                        Qté Réceptionnée
                                    </th>
                                    <th class="text-center" data-column="QteFacturee" data-visible="{{ $ModeGpharma == 3 }}" data-class="text-center">
                                        Qté Facturée
                                    </th>
                                    <th class="text-center" data-column="controler" data-class="text-center">C</th>
                                    <th class="text-center" data-column="Ranger" data-class="text-center">R</th>
                                    <th class="text-center" data-column="selectZoneRecept" data-class="text-center">
                                        Zone de Réception
                                    </th>
                                    <th class="text-center" data-column="NomEmplacement_RECEPT" data-class="text-center">
                                        Emplacement
                                    </th>
                                    <th class="text-center" data-column="StockTotalDestination" data-class="text-center">
                                        Stock</th>
                                    <th class="text-center" data-column="NumeroLotProduit" data-class="text-center">
                                        &nbsp; &nbsp; &nbsp; Numéro de Lot &nbsp; &nbsp; &nbsp;
                                    </th>
                                    <th class="text-center" data-column="DatePeremption" data-class="text-center">
                                        Péremption
                                    </th>
                                    <th class="text-center" data-column="NomZoneStockage_EXP" data-class="text-center">
                                        Zone de Prélèvement
                                    </th>
                                    <th class="text-end" data-column="ValeurPrixRMP" data-class="text-center">
                                        Valeur PRMP
                                    </th>
                                    <th class="text-end" data-column="ValeurCessionTTC" data-class="text-center">
                                        Valeur Cession TTC
                                    </th>
                                    <th class="text-end" data-column="ValeurFraisApprocheTSL" data-class="text-center">
                                        Frais approche
                                    </th>

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

    <div class="modal fade" data-bs-effect="effect-flip-horizontal" id="modalNumeroLot">
        <div class="modal-dialog modal-dialog-centered text-center modal-sm" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Changer numéro lot</h6><button aria-label="Close" class="btn-close bg-white"
                        data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body text-start">
                    <input type="hidden" name="idLigne" id="idLigne" value="0">
                    <input type="hidden" name="idzone_lot" id="idzone_lot" value="0">
                    <input type="hidden" name="idprod_lot" id="idprod_lot" value="0">
                    <input type="hidden" name="numligne" id="numligne" value="">
                    <div class="form-group">
                        <label for="" class="label-control">Numéro Lot</label>
                        <select name="idLot" class="form-select" id="idLot">
                        </select>
                    </div>
                </div>
                <div class="modal-footer p-0">
                    <button class="btn btn-success w-100" id="btnSaveLot">Enregistrer</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" data-bs-effect="effect-flip-horizontal" id="modalChangeZone">
        <div class="modal-dialog modal-dialog-centered text-center modal-sm" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Changer zone</h6><button aria-label="Close" class="btn-close bg-white"
                        data-bs-dismiss="modal"></button>
                </div>
                <form id="formChangeZone">
                    @csrf
                    <div class="modal-body text-start">
                        <div class="form-group">
                            <label for="" class="label-control">Zone de stockage</label>
                            <select name="changeZone" class="form-select" id="changeZone">

                            </select>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        <button type="submit" class="btn btn-success w-100" id="btnSaveChangeZone">Enregistrer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade effect-scale" id="modalAjoutFraisApproche" data-bs-focus="false">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Ajout de frais approche</h6><button aria-label="Close"
                        class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <form id="formAjoutFraisApproche" action="javascript:void(0)">
                    <div class="modal-body">
    
                        <div class="card-body">
                            <input type="hidden" id="idTransfert_frais">
                            <div class="row">
                                <div class="col-6">
                                    <label for="">Devise</label>
                                    <select  class="form-select" name="IDMONNAIE" id="IDMONNAIE" required>
                                        <option value="0"></option>
                                        @foreach (listeTauxMonnaie() as $item)
                                            <option value="{{ $item->IDMONNAIE }}" data-valeur="{{ $item->TauxMonnaie }}">{{ $item->LibelleMonnaie }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-6">
                                    <label for="">Valeur devise</label>
                                    <input type="text" class="form-control text-center numberInput" name="valeurDevise"
                                        id="valeurDevise" value="0" required>
                                </div>
                                <div class="col-12">
                                    <label for="">Montant</label>
                                    <input type="text" class="form-control text-center numberInput" name="valeurFrais"
                                        id="valeurFrais" value="0" required>
                                </div>
                                <div class="col-12 my-1 flex justify-content-center align-items-center fw-bold text-center">
                                    ou
                                </div>
    
                                <div class="col-12">
                                    <label for="">Coeff frais approche</label>
                                    <input type="text" class="form-control text-center numberInput" name="coefFraisApproche"
                                        id="coefFraisApproche" value="0" required>
                                </div>
    
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer p-0">
                        @if ($ModeGpharma == 2)
                            <button type="submit"
                                class="btn btn-success-light btn-wave w-100 flex-fill d-flex justify-content-center align-items-center mt-2"
                                id="btnSaveFraisGetraco">
                                <i class='bx bxs-check-circle  mt-1 me-1' style="cursor:pointer;"></i> Enregister
                            </button>
                        @else
                            <button
                                class="btn btn-success-light btn-wave w-100 flex-fill d-flex justify-content-center align-items-center mt-2"
                                id="btnSaveFrais">
                                <i class='bx bxs-check-circle  mt-1 me-1' style="cursor:pointer;"></i> Enregister
                            </button>
                        @endif
                    </div>

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

    <div class="modal fade effect-scale" id="modalTransfertAuto" data-bs-focus="false">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title">Transfert inter-site -> Nature produit</h6><button aria-label="Close"
                        class="btn-close bg-white" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">

                    <div class="card-body">
                        <input type="hidden" id="idTransfert_frais">
                        <div class="row">
                            <div class="col-xl-12">
                                <p class="mb-0 text-muted">Zone de stockage</p>
                                <select class="form-select" name="zone_auto" id="zone_auto" disabled>

                                </select>
                            </div>
                            <div class="col-xl-12">
                                <p class="mb-0 text-muted">Nature de produit</p>
                                <select class="form-select" name="nature_produit" id="nature_produit">

                                </select>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer p-0">

                    <button
                        class="btn btn-success-light btn-wave w-100 flex-fill d-flex justify-content-center align-items-center mt-2"
                        id="btnTransfertAuto">
                        <i class='bx bxs-check-circle  mt-1 me-1' style="cursor:pointer;"></i> Enregister
                    </button>

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

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

                    <form id="formIntegreCsv" enctype="multipart/form-data">
                        <div class="card-body">
                            @csrf
                            <div class="row">
                                <div class="col-xl-4 col-lg-3 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Site expédition</p>
                                    <select class="form-select" name="site_depart_csv" id="site_depart_csv"
                                        @required(true) disabled>

                                    </select>
                                    <input type="text" name="site_depart_csv" id="site_depart_csv_val" hidden>
                                </div>
                                <div class="col-xl-4 col-lg-3 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Site réception</p>
                                    <select class="form-select" name="site_reception_csv" id="site_reception_csv"
                                        @required(true)>

                                    </select>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 mb-2">
                                    <p class="mb-0 text-muted">Zone expédition</p>
                                    <select class="form-select" name="zoneExpedition_depart_csv"
                                        id="zoneExpedition_depart_csv" @required(true)>

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

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

@endsection

@section('script')

    {{-- <script src="{{ assetVersionne('assets/js/fonction/function-produit.js') }}"></script> --}}

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

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

            let ModeGpharma = @json(ModeGpharma());

            var IDAGENCEDESTINATION_global
            if ($("#idtransfertEncours").val() == "0" || $("#idtransfertEncours").val() == "") {
                $('#site_depart').val($("#idSiteEnCours").val()).trigger("change")
            }

            function chargerSelectProduit() {

                $.ajax({

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

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

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

            function chargerSelectlisteAgence(idAgenceEnCours = null) {
                return new Promise((resolve, reject) => {

                    $.ajax({

                        url: '{{ route('listeAgence') }}',
                        type: 'GET',
                        dataType: 'json',
                        success: function(response) {
                            // console.log(response)
                            // $('#site_depart').html('')
                            $('#site_reception').html('')
                            $('#site_depart_csv').html('')
                            $('#site_reception_csv').html('')
                            // $('#site_depart_csv').append('<option value="0">TOUS</option>')
                            // $('#site_reception_csv').append('<option value="0">TOUS</option>')

                            $.each(response.data, function(key, value) {

                                // $('#site_depart').append('<option value="' + value["IDAGENCE"] + '">' + value[
                                //     "NomAgence"] + '</option>')
                                $('#site_depart_csv').append('<option value="' +
                                    value["IDAGENCE"] + '">' + value[
                                        "NomAgence"] + '</option>')
                                if (parseInt(idAgenceEnCours) != parseInt(value[
                                        "IDAGENCE"])) {
                                    $('#site_reception').append('<option value="' +
                                        value["IDAGENCE"] + '">' + value[
                                            "NomAgence"] + '</option>')
                                    $('#site_reception_csv').append(
                                        '<option value="' + value["IDAGENCE"] +
                                        '">' + value["NomAgence"] + '</option>')
                                }
                            })
                            resolve(true)
                        }
                    })
                });
            }

            chargerSelectProduit()
            chargerSelectlisteAgence($('#site_depart').val()).then(() => {
                if ($("#idtransfertEncours").val() != "") {
                    liste($("#idtransfertEncours").val(), true, true)
                }
            })

            // $("#idSiteEnCours").on("blur", function () { 
            //     location.reload()
            //  })


            var tableTransfertInterSite = $("#tableTransfertInterSite").DataTable({
                language: languageTable,
                pageLength: 100,
                lengthChange: true,

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

                // pagingType: 'full_numbers',
                // order: [5, "desc"],
            })
            
            $("#btnPrendreToutesLesQte").attr("hidden", "hidden")
            $("#tableTransfertInterSiteExpedition_wrapper").attr("hidden", "hidden")
            // Le bouton ne vaut que pour le tableau de reception : il part cache avec lui.
            $("#zoneBtnPrendreQte").attr("hidden", "hidden")

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

            function estEnModif() {
                const estNombre = (val) => /^[0-9]+$/.test(val);
                const segments = window.location.pathname.split("/");
                var id = segments[segments.length - 1];
                return estNombre(id)
            }

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

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

            var donneeTransfertSite = null
            var donneeTransfertSiteLigne

            var peutModifier = true
            var aDejaCahnger = false

            $(document).on("change", "#zone_depart", function() {
                aDejaCahnger = true
            })

            zone($('#site_depart').val())

            $("#site_depart").on("change", function() {

                let data = $(this).val()
                chargerSelectlisteAgence(data).then(() => {
                    if (IDAGENCEDESTINATION_global != "") {
                        $("#site_reception").val(IDAGENCEDESTINATION_global).trigger("change")
                        $('#site_reception_csv').val(IDAGENCEDESTINATION_global).trigger("change")
                    }
                })
                zone(data)
            })

            $("#site_reception_csv").on('change', function(){

                let value = this.value
                $("#site_reception").val(value).trigger("change")
            })

            $("#site_reception").on('change', function(){

                let value = this.value
                $("#site_reception_csv").val(value).trigger("change")
            })

            function zone(data) {
                $.ajax({
                    url: `{{ route('tiz.ZoneStockage', '') }}/${data}`,
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        // console.log(response)

                        $('#zone_depart').html("")
                        $('#zone_depart').append(`<option value="0"></option>`)
                        $('#zoneExpedition_depart_csv').html("")
                        $('#zoneExpedition_depart_csv').append(`<option value="0">Automatique</option>`)
                        $('#zone_auto').html("")
                        $('#zone_auto').append(`<option value="0"></option>`)

                        $.each(response, function(key, value) {

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

            function ChargerDonneeVm(idproduit, idtransfert_siteligne = null) {
                $.ajax({
                    type: "get",
                    url: "{{ route('stock.trfInterSite.ChargerDonneeVmTIS') }}",
                    data: {
                        idproduit: idproduit,
                        IDTRANSFERT_SITE_LIGNE: idtransfert_siteligne,
                        site_depart: _("site_depart").value,
                        site_reception: _("site_reception").value,
                    },
                    dataType: "json",
                    success: function(response) {
                        console.log(response);

                        if (response.error == false) {
                            _("statActuCatAbc_vmpays").innerHTML = response.pays
                                .LibelleCategorieRotation
                            _("statActuVmm_vmpays").innerHTML = response.pays.Vm_0
                            _("statActuVm1_vmpays").innerHTML = response.pays.Vm_1
                            _("statActuVm3_vmpays").innerHTML = response.pays.Vm_3
                            _("statActuVm6_vmpays").innerHTML = response.pays.Vm_6
                            _("statActuVm12_vmpays").innerHTML = response.pays.Vm_12

                            _("statActuCatAbc_vmsitedepart").innerHTML = response.siteDepart
                                .LibelleCategorieRotation
                            _("statActuVmm_vmsitedepart").innerHTML = response.siteDepart.Vm_0
                            _("statActuVm1_vmsitedepart").innerHTML = response.siteDepart.Vm_1
                            _("statActuVm3_vmsitedepart").innerHTML = response.siteDepart.Vm_3
                            _("statActuVm6_vmsitedepart").innerHTML = response.siteDepart.Vm_6
                            _("statActuVm12_vmsitedepart").innerHTML = response.siteDepart.Vm_12

                            _("statActuCatAbc_vmsitearrivee").innerHTML = response.siteArrivee
                                .LibelleCategorieRotation
                            _("statActuVmm_vmsitearrivee").innerHTML = response.siteArrivee.Vm_0
                            _("statActuVm1_vmsitearrivee").innerHTML = response.siteArrivee.Vm_1
                            _("statActuVm3_vmsitearrivee").innerHTML = response.siteArrivee.Vm_3
                            _("statActuVm6_vmsitearrivee").innerHTML = response.siteArrivee.Vm_6
                            _("statActuVm12_vmsitearrivee").innerHTML = response.siteArrivee.Vm_12

                            if (idtransfert_siteligne == null) {

                                _("statDateCatAbc2_vmsitedepart").innerHTML = ""
                                _("statDateVmm_vmsitedepart").innerHTML = 0
                                _("statDateVm1_vmsitedepart").innerHTML = 0
                                _("statDateVm3_vmsitedepart").innerHTML = 0
                                _("statDateVm12_vmsitedepart").innerHTML = 0
                                _("statDateVm6_vmsitedepart").innerHTML = 0

                                _("statDateCatAbc2_vmsitearrivee").innerHTML = ""
                                _("statDateVmm_vmsitearrivee").innerHTML = 0
                                _("statDateVm1_vmsitearrivee").innerHTML = 0
                                _("statDateVm3_vmsitearrivee").innerHTML = 0
                                _("statDateVm6_vmsitearrivee").innerHTML = 0
                                _("statDateVm12_vmsitearrivee").innerHTML = 0

                            } else {

                                _("statDateCatAbc2_vmsitedepart").innerHTML = response.siteDepart
                                    .LibelleCategorieRotation_adate
                                _("statDateVmm_vmsitedepart").innerHTML = response.siteDepart
                                    .Vm_0_adate
                                _("statDateVm1_vmsitedepart").innerHTML = response.siteDepart
                                    .Vm_1_adate
                                _("statDateVm3_vmsitedepart").innerHTML = response.siteDepart
                                    .Vm_3_adate
                                _("statDateVm12_vmsitedepart").innerHTML = response.siteDepart
                                    .Vm_6_adate
                                _("statDateVm6_vmsitedepart").innerHTML = response.siteDepart
                                    .Vm_12_adate

                                _("statDateCatAbc2_vmsitearrivee").innerHTML = response.siteArrivee
                                    .LibelleCategorieRotation_adate
                                _("statDateVmm_vmsitearrivee").innerHTML = response.siteArrivee
                                    .Vm_0_adate
                                _("statDateVm1_vmsitearrivee").innerHTML = response.siteArrivee
                                    .Vm_1_adate
                                _("statDateVm3_vmsitearrivee").innerHTML = response.siteArrivee
                                    .Vm_3_adate
                                _("statDateVm6_vmsitearrivee").innerHTML = response.siteArrivee
                                    .Vm_6_adate
                                _("statDateVm12_vmsitearrivee").innerHTML = response.siteArrivee
                                    .Vm_12_adate

                            }
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        console.log(response);
                        notifWarning(response.responseJSON.messages)
                    }
                });
            }

            $("#produit").on("change", async function() {
                let data = $(this).val()

                if (parseInt(data) == 0) {
                    return false
                }

                actualiseDonneeForm(data, $("#site_depart").val(), $("#site_reception").val())
            })

            async function actualiseDonneeForm(IDPRODUIT, IDSITE_DEPART, IDSITE_RECEPT) { 
                await afficherVmGraphe(IDPRODUIT)

                $.ajax({
                    url: `{{ route('stock.trfInterSite.getCartonnage') }}`,
                    type: 'post',
                    data: {
                        data: IDPRODUIT,
                        site_depart: IDSITE_DEPART,
                        site_reception: IDSITE_RECEPT,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    success: function(response) {
                        // console.log(response)

                        _('cartonnage_tis').value = (response.donnee)
                        _('st_depart_tis').value = (response.stockDepart)
                        _('st_recept_tis').value = (response.stockReception)
                        $('#qte_transfere').focus()
                        $('#qte_transfere').select()

                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            }

            function afficherVmGraphe(idproduit, idligne = null) {
                if (parseInt(ModeGpharma) == 2) {
                    ChargerDonneeGraphe(
                        "{{ csrf_token() }}",
                        idproduit,
                        _("site_depart").value,
                        idligne,
                        document.getElementById('echart-bar-labels-detail'),
                        "{{ route('stock.trfInterSite.donneeGrapheTIS') }}"
                    )
                    if ($("#zoneGraphe").has("is-hidden")) {
                        $("#zoneGraphe").removeClass("is-hidden")
                    }
                } else {
                    ChargerDonneeVm(idproduit, idligne)
                    if ($("#zoneVmTIS").has("is-hidden")) {
                        $("#zoneVmTIS").removeClass("is-hidden")
                    }
                }
            }

            var lotReception = []

            $(document).on("change", "#produit_receptionnee", async function() {
                let data = $(this).val()

                if (parseInt(data) == 0) {
                    return false
                }
                await afficherVmGraphe(data)

                $.ajax({
                    type: "post",
                    url: "{{ route('stock.trfInterSite.getLotReception') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        idprod: $(this).val(),
                        idagence: $("#site_depart").val()
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            lotReception = data = response.data
                            $("#lot").html("")
                            $("#lot").append("")
                            $.each(data, function(index, value) {
                                $("#lot").append(
                                    `<option value="${value.IDSTOCKAGENCE_LOTS}">${value.NumeroLotProduit} | ${value.DatePeremption} | ${value.StockTotal_Lot}</option>`
                                )
                            });
                            if (data.length > 0) {
                                $("#lot").val(data[0].IDSTOCKAGENCE_LOTS).change()
                            }
                            $("#lot").select2()
                        }
                    },
                    error: function(response) {
                        notifError(reponse.reponseson.messages)
                    }
                });
            })

            $(document).on("change", "#lot", function() {
                let data = lotReception.find(element => element.IDSTOCKAGENCE_LOTS == $(this).val())
                $("#datePeremption_receptionnee").val(data.DatePeremption)
            })

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

                modifierSessionSite().then(function() {
                    if ($("#idtransfertEncours").val() == "") {
                        $("#site_depart").val($("#idSiteEnCours").val()).change()
                    }
                })
            })

            $("#tableTransfertInterSite").on("dblclick", "tbody tr", function() {

                let idprod = $(this).find("td input#checkLigneTransfertSite").data("prod")
                let idagence = ""

                if ($("#idSiteEnCours").val() == $("#site_depart").val()) {
                    idagence = $("#idSiteEnCours").val()
                }

                if ($("#idSiteEnCours").val() == $("#site_reception").val()) {
                    idagence = $("#idSiteEnCours").val()
                }

                ouvrirFicheProduit(idprod, idagence)
            })

            var inputValue
            $(document).on("click", "input[type='text']", function() {
                inputValue = $(this).val()
            })

            $(document).on("click", "#btnAjoutFraisApproche", function() {
                $("#modalAjoutFraisApproche").modal("show")
            })

            $(document).on("change", "#IDMONNAIE", function () { 
                let valeur  = $("#IDMONNAIE option:selected").data("valeur")
                $("#valeurDevise").val(valeur)
            })

            $(document).on("click", "#btnSaveFrais", function() {
                if($("#IDMONNAIE").val() == 0){
                    notifWarning("Veuillez selectionner une devise svp !")
                    return false
                }

                if($("#valeurDevise").val() == 0){
                    notifWarning("Veuillez saisir une valeur de la devise !")
                    return false
                }

                if(parseInt(ModeGpharma) == 2){
                    return false
                }

                $.ajax({
                    type: "post",
                    url: "{{ route('stock.trfInterSite.ModifValeurFraisApproche') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        valeur: $('#valeurFrais').val(),
                        idtansfert: $('#idtransfert').val(),
                        IDMONNAIE: $("#IDMONNAIE").val(),
                        valeurDevise: $("#valeurDevise").val(),
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            notifSuccess(response.messages)
                            $("#modalAjoutFraisApproche").modal("hide")
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        notifError(response.responseJSON.messages)
                    }
                });
            })


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

                if (peutModifier == false) {

                    if (parseInt(donneeTransfertSite.IDAGENCE) == parseInt($("#idSiteEnCours").val()) &&
                        donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }

                    // if (donneeTransfertSite.IDOperateurReception > 0) {
                    //     alertSwal("La réception de ce transfert est déjà validé !!")
                    //     return false
                    // }
                }

                if ($("#site_depart").val() == $("#site_reception").val()) {
                    alertSwal("Le site de départ doit être différent du site de destination !!")
                    return 0
                }

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

                if ($("#idtransfertEncours").val() != "") {


                    let IDAGENCEDESTINATION = parseInt(donneeTransfertSite.IDAGENCEDESTINATION)
                    let IDAGENCE_ENCOURS = parseInt($("#site_reception").val())

                    if (IDAGENCEDESTINATION == IDAGENCE_ENCOURS && donneeTransfertSite
                        .IDOperateurDepart >
                        0) {
                        if ($("#produit_receptionnee").val() == "0") {
                            alertSwal("Veuiller choisir un produit !!")
                            return 0
                        }

                        if ($("#qte_receptionnee").val() == "" || $("#qte_receptionnee").val() == "0") {
                            alertSwal("La quantité à réceptionner doit être suppérieur à 0")
                            return 0
                        }
                    } else {
                        if ($("#produit").val() == "0") {
                            alertSwal("Veuiller choisir un produit !!")
                            return 0
                        }
                        if ($("#zone_depart").val() == "0") {
                            alertSwal("Veuiller choisir une zone de départ !!")
                            return 0
                        }

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

                    }

                } else {
                    if ($("#zone_depart").val() == "0") {
                        alertSwal("Veuiller choisir une zone de départ !!")
                        return 0
                    }
                    if ($("#produit").val() == "0" || $("#produit").val() == "") {
                        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
                    }
                }

                if ($("#zoneGraphe").has("is-hidden") != true) {
                    $("#zoneGraphe").addClass("is-hidden")
                }
                if ($("#zoneVmTIS").has("is-hidden") != true) {
                    $("#zoneVmTIS").addClass("is-hidden")
                }

                let formData = new FormData(_('formAddTransfertInterSite'))
                formData.append("site_depart", $("#site_depart").val())
                formData.append("site_reception", $("#site_reception").val())
                formData.append("num_reference", $("#num_reference").val())

                if (donneeTransfertSite != null) {

                    if (donneeTransfertSite.IDOperateurDepart > 0 && donneeTransfertSite.TransfertValide == true) {
                        let lotSelect = lotReception.find(element => element.IDSTOCKAGENCE_LOTS == $("#lot").val())

                        formData.append("lotReception", JSON.stringify(lotSelect));
                        ajoutProduitReception(formData)
                        return false
                    }

                    if(donneeTransfertSite.TransfertValide == true){
                        confirmMdp('{{ csrf_token() }}', () => {
                                ajoutProduit(formData)
                            }, null,
                            "Voulez-vous ajouter un nouveau produit ?", {
                                sousTitre: '',
                                infoJNL: "AJOUT DE PRODUIT APRES VALIDATION TRANSFERT INTER SITE",
                                typeJNL: 3,
                                CodeDroit: "DS_ModificationTransfertInterSite"
                            }
                        )
                        return false
                    }

                }

                ajoutProduit(formData)
            })

            function ajoutProduit(formData) {
                $.ajax({
                    url: `{{ route('stock.trfInterSite.setTransfert') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: formData,
                    processData: false,
                    contentType: false,
                    beforeSend: function(param) {
                        $("#zoneBntLoader").removeAttr("hidden")
                        $("#btnSubmitFiltre").attr("hidden", "hidden")
                    },
                    success: function(response) {
                        if (response.error == false) {
                            liste(response.id, true)

                            $("#produit").val(0).change()
                            $("#produit_receptionnee").val(0).change()
                            $("#idtransfert").val(response.id)
                            $("#idtransfertEncours").val(response.id)
                            $("#num_reference").val(response.numero)
                            $("#qte_transfere").val(0)
                            $("#cartonnage_tis").val(0)
                            $("#st_depart_tis").val(0)
                            $("#st_recept_tis").val(0)

                            $("#zoneBntLoader").attr("hidden", "hidden")
                            $("#btnSubmitFiltre").removeAttr("hidden")
                            notifSuccess(response.messages)
                            return false
                        }
                        $("#zoneBntLoader").attr("hidden", "hidden")
                        $("#btnSubmitFiltre").removeAttr("hidden")
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        $("#zoneBntLoader").attr("hidden", "hidden")
                        $("#btnSubmitFiltre").removeAttr("hidden")
                        notifError(response.responseJSON.messages)
                    }
                })
            }

            function ajoutProduitReception(formData) {
                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.trfInterSite.ajoutProduitReception') }}",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        if (response.error == false) {
                            liste($("#idtransfertEncours").val(), true)
                            notifSuccess(reponse.messages)
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        notifError(reponse.reponseJSON.messages)
                    }
                });
            }

            $(document).on('click', "#btnSupprimeLigne", function() {
                if (peutModifier == false) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }
                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validée !!")
                        return false
                    }
                }

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

                if(donneeTransfertSite != null  && donneeTransfertSite.TransfertValide == true){
                    confirmMdp('{{ csrf_token() }}', () => {
                            deleteLigne(listeID)
                        }, null,
                        "Voulez-vous supprimer les lignes cochées ?", {
                            sousTitre: '',
                            infoJNL: "SUPPRESSION DE LIGNE APRES VALIDATION TRANSFERT INTER SITE",
                            typeJNL: 3,
                            CodeDroit: "DS_SupprimerTransfertInterSite	"
                        }
                    )
                    return false
                }

                deleteLigne(listeID)
            })

            function deleteLigne(listeID) { 
                $.ajax({
                    url: `{{ route('stock.trfInterSite.delete') }}`,
                    type: 'delete',
                    data: {
                        listId: listeID,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        liste($("#idtransfert").val())
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        // console.log(response)
                        notifDanger(response.responseJSON.messages)
                    }
                })
            }

            $(document).on('click', "#btnSupprimeLigneExp", function() {
                if (peutModifier == false) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }
                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validé !!")
                        return false
                    }
                }

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

                $.ajax({
                    url: `{{ route('stock.trfInterSite.delete') }}`,
                    type: 'delete',
                    data: {
                        listId: listeID,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        liste($("#idtransfert").val())
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        // console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                })
            })

            $(document).on("keydown", function(event) {
                if (event.key === "Enter" || event.keyCode === 13) {
                    // console.log("Touche Entrée pressée");
                    event.preventDefault(); // Empêche l'action par défaut (ex: submit formulaire)
                }
            });

            $(document).on('keydown', '#qte_transfere', function(e) {
                if (e.key === 'Enter' || e.keyCode === 13) {
                    e.preventDefault();
                    $('#btnSubmitFiltre').trigger('click');
                }
            });

            $(document).on('keydown', '.inputQteCollecter', function(e) {
                if (e.key === 'Enter' || e.keyCode === 13) {
                    e.preventDefault();
                    $(this).change()
                }
            });

            $(document).on('keydown', '.inputQteTransferee', function(e) {
                if (e.key === 'Enter' || e.keyCode === 13) {
                    e.preventDefault();
                    $(this).change()
                }
            });

            // Chenager la quantité collecter 
            $(document).on('change', ".inputQteCollecter", function() {

                let tr = $(this).closest('tr');
                let row = tableTransfertInterSite.row(tr);
                let index = row.index();
                let data = row.data();


                let value = $(this).val()
                let id = $(this).data("id")
                let IdElmt = $(this).prop("id")
                let nmbId = IdElmt.split("-")[1]

                $.ajax({
                    url: `{{ route('stock.trfInterSite.updateQte') }}`,
                    type: 'PUT',
                    data: {
                        value: value,
                        action: "changeCollecter",
                        id: id,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    // beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {
                            notifSuccess(response.messages)
                            if ($("#idtransfertEncours").val() != "") {
                                // liste($("#idtransfertEncours").val(), true)

                                data.QteACollecter_simple = response.data.QteTransferee
                                data.QteTransferee_simple = response.data.QteTransferee
                                data.ValeurCessionTTC = response.data.ValeurCessionTTC
                                data.ValeurPrixRMP = response.data.ValeurPrixRMP
                                row.data(data).draw(false);

                                $("#inputQteCollecter-"+nmbId).val(value)
                                $("#inputQteTransferee-"+nmbId).val(value)

                                // $("#inputQteCollecter-"+(nmbId+1)).select()
                                $("#inputQteCollecter-"+(parseInt(nmbId)+1)).select()
                                $("#inputQteCollecter-"+(parseInt(nmbId)+1)).focus()
                            } else {
                                liste($("#idtransfert").val())
                            }
                            return 0
                        }
                        $("#"+IdElmt).val(response.data.QteACollecter)
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            $(document).on('change', ".inputQteTransferee", function() {
                
                let tr = $(this).closest('tr');
                let row = tableTransfertInterSite.row(tr);
                let index = row.index();
                let data = row.data();

                let value = $(this).val()
                let id = $(this).data("id")
                let IdElmt = $(this).prop("id")
                let nmbId = IdElmt.split("-")[1]
                if(chaineEnNumerique($("#inputQteCollecter-"+nmbId).val()) < chaineEnNumerique($(this).val())){
                    notifWarning("La quantité collectée ne doit pas être supérieur à la quantité à collecter !")
                    $(this).val($("#inputQteCollecter-"+nmbId).val())
                    return false
                }

                if(data.QteACollecter_simple < parseInt(value)){
                    notifWarning("La quantité à collecter ne doit pas être supérieur à la quantité à collecter !")
                    $(this).val(data.$QteACollecter_simple)
                    return false
                }

                $.ajax({
                    url: `{{ route('stock.trfInterSite.updateQte') }}`,
                    type: 'PUT',
                    data: {
                        value: value,
                        action: "changerQteTransferee",
                        id: id,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    // beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {
                            notifSuccess(response.messages)
                            if ($("#idtransfertEncours").val() != "") {
                                // liste($("#idtransfertEncours").val(), true)
                                // tableTransfertInterSite
                                data.QteTransferee_simple = response.data.QteTransferee
                                data.ValeurCessionTTC = response.data.ValeurCessionTTC
                                data.ValeurPrixRMP = response.data.ValeurPrixRMP
                                row.data(data).draw(false);

                                $("#inputQteTransferee-"+nmbId).val(value)

                                $("#inputQteTransferee-"+(parseInt(nmbId)+1)).select()
                                $("#inputQteTransferee-"+(parseInt(nmbId)+1)).focus()
                            } else {
                                liste($("#idtransfert").val())
                            }
                            return 0
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            // Chenager la quantité receptionner 
            $(document).on('change', ".inputQteReception", function() {

                let tr = $(this).closest('tr');
                let row = tableTransfertInterSite.row(tr);
                let index = row.index();
                let data = row.data();

                let value = $(this).val()
                let id = $(this).data("id")
                let elmtId = $(this).prop("id")

                $.ajax({
                    url: `{{ route('stock.trfInterSite.updateQte') }}`,
                    type: 'PUT',
                    data: {
                        value: value,
                        action: "changerReceptionner",
                        id: id,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    // beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {
                            // $("input[data-id=" + id + "]").val(value)
                            $("#"+elmtId).val(value)
                            // $(this).val(value)
                            notifSuccess(response.messages)
                            return 0
                        }
                        $("#"+elmtId).val(inputValue)
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            /* La quantite a facturer d'une ligne. Le serveur refuse ce qui depasse la
               quantite receptionnee et renvoie alors la valeur d'avant, que l'on remet dans
               le champ : sans cela l'ecran afficherait un chiffre que la base n'a pas. */
            $(document).on('change', ".inputQteFacturee", function() {

                let champ = $(this)
                let valeurAvant = champ.data("avant") ?? champ.data("recue")
                let id = champ.data("id")

                $.ajax({
                    url: `{{ route('stock.trfInterSite.updateQte') }}`,
                    type: 'PUT',
                    data: {
                        value: champ.val(),
                        action: "changerFacturer",
                        id: id,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    success: function(response) {

                        if (response.error == false) {
                            champ.data("avant", champ.val())
                            notifSuccess(response.messages)
                            return 0
                        }

                        champ.val(response.data?.QteFacturee ?? valeurAvant)
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        champ.val(valeurAvant)
                        notifError(response.messages)
                    }
                })
            })

            /* « Prendre toutes les qté » : la quantite receptionnee de chaque ligne devient
               la quantite a facturer. On envoie une requete par ligne — le meme chemin que la
               saisie a la main, donc les memes controles cote serveur — et on ne touche
               qu'aux lignes dont la valeur change reellement. */
            $(document).on('click', "#btnPrendreToutesLesQte", function() {

                let champs = $(".inputQteFacturee").filter(function() {
                    return String($(this).val()) !== String($(this).data("recue"))
                })

                if (champs.length == 0) {
                    notifWarning("Les quantités à facturer sont déjà celles réceptionnées.")
                    return false
                }

                let bouton = $(this)
                bouton.prop("disabled", true)

                let envois = champs.map(function() {

                    let champ = $(this)
                    let recue = champ.data("recue")

                    return $.ajax({
                        url: `{{ route('stock.trfInterSite.updateQte') }}`,
                        type: 'PUT',
                        data: {
                            value: recue,
                            action: "changerFacturer",
                            id: champ.data("id"),
                            "_token": "{{ csrf_token() }}"
                        },
                        dataType: 'json'
                    }).then(function(response) {

                        if (response.error == false) {
                            console.log(recue)
                            champ.val(recue)
                            champ.data("avant", recue)
                            return true
                        }

                        return false
                    })
                }).get()

                Promise.allSettled(envois).then(function(resultats) {

                    bouton.prop("disabled", false)

                    let reprises = resultats.filter(r => r.status === "fulfilled" && r.value === true).length

                    if (reprises == resultats.length) {
                        notifSuccess(reprises + " ligne(s) reprise(s) en quantité à facturer.")
                        return 0
                    }

                    notifWarning(reprises + " ligne(s) sur " + resultats.length +
                        " reprise(s) : les autres ont été refusées.")
                })
            })

            /** Demande s'il faut facturer la reception, et a qui.
             *
             *  Rend { facturer, IDCLIENT, annule }. « annule » distingue le renoncement a
             *  toute l'operation du simple refus de facturer : dans le premier cas la
             *  reception ne doit pas etre validee non plus.
             *
             *  Le client est choisi dans la meme boite que la question, et la validation
             *  n'est possible qu'une fois un client designe : sans lui la facture n'aurait
             *  pas de destinataire, et le serveur la refuserait de toute facon.
             */
            async function demanderFacturationReception() {

                let choix = await Swal.fire({
                    title: "Facturer cette réception ?",
                    text: "Seules les lignes dont la quantité à facturer est supérieure à zéro seront facturées.",
                    icon: "question",
                    showDenyButton: true,
                    showCancelButton: true,
                    confirmButtonText: "Oui, facturer",
                    denyButtonText: "Non, sans facture",
                    cancelButtonText: "Annuler"
                })

                if (choix.isDismissed) {
                    return { facturer: false, IDCLIENT: 0, annule: true }
                }

                if (choix.isDenied) {
                    return { facturer: false, IDCLIENT: 0, annule: false }
                }

                let clients = await $.get(`{{ route('listeClient') }}`)

                if (clients.error != false) {
                    notifError("La liste des clients n'a pas pu être chargée.")
                    return { facturer: false, IDCLIENT: 0, annule: true }
                }

                /* Un select2 plutot que la liste simple de Swal : le fichier client se
                   compte en centaines de lignes, et derouler jusqu'au bon nom sans pouvoir
                   taper les premieres lettres est intenable. La recherche porte sur le nom
                   comme sur le code, ce dernier etant souvent ce que l'operateur connait.

                   dropdownParent vise la boite elle-meme : hors d'elle, la liste deroulante
                   se retrouverait sous le voile de Swal et deviendrait inaccessible. */
                let optionsClients = clients.data.map(function(client) {
                    return {
                        id: client.IDCLIENT,
                        text: client.NomClient + (client.CodeClient ? " — " + client.CodeClient : "")
                    }
                })

                let leClient = await Swal.fire({
                    title: "À qui facturer ?",
                    html: '<select id="clientFactureTransfert" style="width:100%"></select>',
                    showCancelButton: true,
                    confirmButtonText: "Valider et facturer",
                    cancelButtonText: "Annuler",
                    didOpen: function() {

                        $("#clientFactureTransfert").select2({
                            data: optionsClients,
                            placeholder: "Rechercher un client par nom ou par code",
                            allowClear: true,
                            width: "100%",
                            dropdownParent: $(".swal2-popup")
                        })

                        // Vide au depart : rien ne doit etre choisi a l'insu de l'operateur.
                        $("#clientFactureTransfert").val(null).trigger("change")
                    },
                    preConfirm: function() {

                        let choisi = $("#clientFactureTransfert").val()

                        if (!choisi) {
                            Swal.showValidationMessage("Précisez le client à qui la facture est destinée.")
                            return false
                        }

                        return choisi
                    }
                })

                if (!leClient.isConfirmed || !leClient.value) {
                    return { facturer: false, IDCLIENT: 0, annule: true }
                }

                return { facturer: true, IDCLIENT: leClient.value, annule: false }
            }

            // Créer un transfert avec les lignes selectionnées
            $(document).on('click', "#CreerTransfert", function() {

                if (peutModifier == false) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }
                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validé !!")
                        return false
                    }
                }

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

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.trfInterSite.createNewTransfert') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    liste($("#idtransfert").val())
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                completeHandler()
                                notifwWarning(responses.messages)
                            },
                            error: function(response) {
                                // console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la création du transfert avec les lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "CREATION DE TRANSFERT A PARTIR DE LIGNE DE TRANSFERT",
                        typeJNL: 3,
                        CodeDroit: "DS_CreerTransfertInterSite"
                    })
            })

            // Collecter les lignes cochées
            $(document).on('click', "#CollecterLignes", function() {

                if (peutModifier == false) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }
                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validé !!")
                        return false
                    }
                }

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

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.trfInterSite.collecteLigne') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    completeHandler()
                                    liste($("#idtransfert").val())
                                    $("#checkTransfertAll").prop("checked", false)
                                    notifSuccess(response.messages)
                                    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 la collecte des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "TRANSFERT INTER-SITE : COLLECTE DES PRODUITS",
                        typeJNL: 3,
                        CodeDroit: "DS_CollecteTransfertInterSite"
                    })
            })

            // Annulation de collecte
            $(document).on('click', "#AnnuleCollecteLignes", function() {
                if (peutModifier == false) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }
                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validé !!")
                        return false
                    }
                }

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

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.trfInterSite.annuleCollecte') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                
                                if (response.success == false) {
                                    completeHandler()
                                    liste($("#idtransfert").val())
                                    liste($("#idtransfert").val())
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                completeHandler()
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                // console.log(response)
                                completeHandler()
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour annuler la collecte des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "TRANSFERT INTER-SITE : ANNULATION COLLECTE DES PRODUITS",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            $(document).on("click", "#ControlerLigne", function() {
                let listeID = listeLigneSelectionneReception()

                if (donneeTransfertSite.IDOperateurReception > 0) {
                    alertSwal("La réception de ce transfert est déjà validé !!")
                    return false
                }

                if (donneeTransfertSite.IDOperateurDepart <= 0) {
                    alertSwal(
                        "Votre transfert ne peut être controlé, car, le départ n'a pas encore été validé !"
                    )
                    return false
                }

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

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.trfInterSite.controlerLigne') }}`,
                            type: 'POST',
                            data: {
                                data: listeID,
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    completeHandler()
                                    $("#checkTransfertAllExp").prop("checked", false)
                                    liste($("#idtransfert").val(), true)
                                    notifSuccess(response.messages)
                                    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 le contrôle des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "CONTROLE DE TRANSFERT INTER SITE",
                        typeJNL: 3,
                        CodeDroit: "DS_ModificationTransfertInterSite"
                    }
                )
            })

            $(document).on("click", "#AnnulerControlerLigne", function() {
                let listeID = listeLigneSelectionneReception()

                if (donneeTransfertSite.IDOperateurReception > 0) {
                    alertSwal("La réception de ce transfert est déjà validé !!")
                    return false
                }

                if (donneeTransfertSite.IDOperateurDepart <= 0) {
                    alertSwal(
                        "Votre transfert ne peut être controlé, car, le départ n'a pas encore été validé !"
                    )
                    return false
                }


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

                $.ajax({
                    type: "post",
                    url: "{{ route('stock.trfInterSite.annulerControleLigne') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        data: listeID
                    },
                    dataType: "JSON",
                    beforeSend : progressHandler(),
                    success: function(response) {
                        if (response.error == false) {
                            completeHandler()
                            $("#checkTransfertAllExp").prop("checked", false)
                            liste($("#idtransfert").val(), true)
                            notifSuccess(response.messages)
                            return false
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        completeHandler()
                        notifError(response.messages)
                    }
                });
            })

            $(document).on("click", "#RangerLigne", function() {
                let listeID = listeLigneSelectionneReception()

                if (donneeTransfertSite.IDOperateurReception > 0) {
                    alertSwal("La réception de ce transfert est déjà validé !!")
                    return false
                }

                if (donneeTransfertSite.IDOperateurDepart <= 0) {
                    alertSwal(
                        "Votre transfert ne peut être controlé, car, le départ n'a pas encore été validé !"
                    )
                    return false
                }

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

                $.ajax({
                    type: "post",
                    url: "{{ route('stock.trfInterSite.rangerLigne') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        data: listeID
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        if (response.error == false) {
                            $("#checkTransfertAllExp").prop("checked", false)
                            liste($("#idtransfert").val(), true)
                            completeHandler()
                            notifSuccess(response.messages)
                            return false
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        completeHandler()
                        notifError(response.messages)
                    }
                });
            })

            // Valider le transfert inter-site
            $("#btnValideTransfert").on("click", function() {

                if (peutModifier == false) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert est déjà validé !!")
                        return false
                    }
                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validé !!")
                        return false
                    }
                }

                if ($("#idtransfert").val() == "") {
                    alertSwal("Aucun transfert disponible !!")
                    return 0
                }

                let listeID = $('#tableTransfertInterSite').DataTable().rows().count()
                if (listeID <= 0) {
                    alertSwal("Veuiller renseigner au moins une ligne avant de valider le transfert !!")
                    return 0
                }

                let wait = $.Deferred()
                let fractionner = false

                // return new Promise((resolve, reject) => {
                    
                // });
                @if($ModeGpharma != 2)
                    confirmAction(() => {
                            fractionner = true
                            wait.resolve()
                        },
                        `Voulez-vous fractionner le transfert selon les critères ?`,

                        `- Transfert 1( St/vm AGENCE destination inférieur à 0.25)<br>
                        - Transfert 2 (St/vm AGENCE de destination entre 0.26 et 1)<br>
                        - Transfert 3 (St/vm supérieur à 1 mois)`,
                        "warning",
                        () => {
                            wait.resolve()
                        }
                    )
                @else

                    wait.resolve()
                @endif

                wait.done(function() {

                    confirmMdp("{{ csrf_token() }}",
                        () => {
                            $.ajax({
                                url: `{{ route('stock.trfInterSite.validerTransfertSite') }}`,
                                type: 'POST',
                                data: {
                                    data3: $("#idtransfert_crypt").val(),
                                    data2: donneeTransfertSite.IDTRANSFERT_SITE ?? 0,
                                    data: $("#idtransfert").val().toString(),
                                    faction: fractionner,
                                    "_token": "{{ csrf_token() }}"
                                },
                                dataType: 'json',
                                beforeSend: progressHandler(),
                                success: function(response) {
                                    // console.log(response)
                                    if (response.error == false) {
                                        completeHandler()
                                        notifSuccess(response.messages)

                                        setTimeout(() => {
                                            location.href = "{{ route("stocks.transfertInterSite") }}";
                                        }, 3000);
                                        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 le transfert inter-site ?", {
                            sousTitre: '',
                            infoJNL: "VALIDATION DE TRANSFERT INTER-SITE ",
                            typeJNL: 3,
                            CodeDroit: "DS_TransfertInterSite"
                        })
                })

            })

            // Valider depart
            $(document).on("click", "#btn_valide_depart", function() {

                if (donneeTransfertSite.IDOperateurDepart > 0) {
                    alertSwal("Le départ de ce transfert est déjà validé !!")
                    return false
                }

                let departValide = false

                if ($("#idtransfertEncours").val() == "") {
                    alertSwal("Aucun transfert disponible !")
                    return false
                }

                // if (donneeTransfertSite.TransfertValide == true) {
                //     alertSwal("Le départ de ce transfert est déjà validé !")
                //     return false
                // }

                

                if (parseInt(donneeTransfertSite.IDAGENCE) != parseInt($("#idSiteEnCours").val())) {
                    alertSwal(
                        "La validation du départ d'un transfert ne peut être faite <br> que dans l'agence émétrice du transfert !"
                    )
                    return false
                }

                let listedata = donneeTransfertSiteLigne.filter(
                    item => Number(item.QteTransferee_simple) === 0
                );
                let listeCollecter = donneeTransfertSiteLigne.filter(
                    item => Number(item.CollecteePar) == 0
                );

                let total = listedata.length
                let totalCollecter = listeCollecter.length

                if(total > 0){
                    let stateTotal = new Promise((resolve, reject) => {
                        confirmAction(() => {
                                resolve(true)
                            },
                            "Attention : "+total+" ligne(s) avec une quantité nulle seront supprimées.",
                            // "Vous avez "+total+" ligne(s) dont les qtés collectées sont à zero, ces lignes seront supprimées !",
                            "Voulez-vous poursuivre l'opération ?",
                            "warning", () => {
                                reject(true)
                            })
                        });

                        stateTotal.then((result) => {
                            let valideQteNonCollecte = new Promise((resolve, reject) => {
                                confirmAction(() => {
                                        resolve(true)
                                    },
                                    "Voulez-vous valider le départ du transfert en cours ?",
                                    totalCollecter > 0 ? "Les lignes non marquées collectées seront supprimées !" : "",
                                    "warning", () => {
                                        resolve(false)
                                    })
                            });
            
                            valideQteNonCollecte.then((result) => {
                             
                                if (result == true) {
                                    if (donneeTransfertSiteLigne.length <= 0) {
                                        alertSwal(
                                            "Votre transfert ne peut être validé car, il ne contient aucune ligne !"
                                        )
                                        return false
                                    }
            
                                    let IndexNumLot = donneeTransfertSiteLigne.findIndex((item) => item
                                        .NumeroLotProduit == "")
            
                                    if (IndexNumLot >= 0) {
                                        alertSwal(
                                            "Impossible de valider ce transfert, car certaines lignes n'ont pas de numéro de lot !"
                                        )
                                        return false
                                    }
            
                                    let IndexCollectPar = donneeTransfertSiteLigne
                                        .findIndex((item) => item.CollecteePar <= 0)
            
                                    if (IndexCollectPar != -1) {
                                        let valideQteCollecteAZero = new Promise((resolve, reject) => {
                                            confirmAction(() => {
                                                    resolve(true)
                                                },
                                                "Il existe des lignes non collectées dans le transfert en cours, leurs quantités collectées passeront à 0 !",
                                                "Voulez-vous poursuivre la validation du départ ?",
                                                "warning", () => {
                                                    resolve(false)
                                                })
            
                                        });
            
                                        valideQteCollecteAZero.then(function(result) {
                                            if (result == false) {
                                                return false
                                            }
            
                                            let StockLotinsuffissant = false
                                            let QteStockTheorique_Lot = 0
            
                                            // verification de la disponibilité des stocks
                                            let NbLignTransfert = donneeTransfertSiteLigne.length
            
                                            $.ajax({
                                                type: "POST",
                                                url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                                data: {
                                                    _token: "{{ csrf_token() }}",
                                                    idtransfertEncours: $("#idtransfertEncours").val(),
                                                    etatpe: "verifStock"
                                                },
                                                dataType: "json",
                                                beforeSend :progressHandler(),
                                                success: function(response) {
                                                    if (response.error == false) {
                                                        if (response.messages == true) {
                                                        completeHandler()
                                                            alertSwal(
                                                                "Impossible de valider ce transfert, car certains lots n'ont pas de quantité suffisante pour le transfert !"
                                                            )
                                                            return false
                                                        }
            
                                                        $.ajax({
                                                            type: "POST",
                                                            url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                                            data: {
                                                                _token: "{{ csrf_token() }}",
                                                                idtransfertEncours: $(
                                                                    "#idtransfertEncours"
                                                                ).val(),
                                                                site_depart: $(
                                                                    "#site_depart"
                                                                ).val(),
                                                                site_reception: $(
                                                                    "#site_reception"
                                                                ).val(),
                                                                CommentDepart: $(
                                                                    "#Commentaire_depart"
                                                                ).val(),
                                                                etatpe: "validerDepart"
                                                            },
                                                            dataType: "json",
                                                            success: function(
                                                                response) {
                                                                if (response
                                                                    .error ==
                                                                    false) {
                                                                    completeHandler()
                                                                    location.href = "{{ route("stocks.transfertInterSite") }}"
                                                                    notifSuccess
                                                                        (response
                                                                            .messages
                                                                        )
                                                                }
                                                            },
                                                            error: function(
                                                                response) {
                                                                completeHandler()
                                                                notifError(
                                                                    response
                                                                    .responseJSON
                                                                    .messages
                                                                )
                                                            }
                                                        });
                                                        completeHandler()
                                                        return false
                                                    }
                                                    completeHandler()
                                                    notifWarning(response.messages)
                                                },
                                                error: function(response) {
                                                completeHandler()
                                                    notifError(response.responseJSON
                                                        .messages)
                                                }
                                            });
                                        })
                                    } else {
            
                                        $.ajax({
                                            type: "POST",
                                            url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                            data: {
                                                _token: "{{ csrf_token() }}",
                                                idtransfertEncours: $("#idtransfertEncours")
                                                    .val(),
                                                etatpe: "verifStock"
                                            },
                                            dataType: "json",
                                            beforeSend :progressHandler(),
                                            success: function(response) {
                                                if (response.error == false) {
                                                    if (response.messages == true) {
                                                    completeHandler()
                                                        alertSwal(
                                                            "Impossible de valider ce transfert, car certains lots n'ont pas de quantité suffisante pour le transfert !"
                                                        )
                                                        return false
                                                    }
            
                                                    $.ajax({
                                                        type: "POST",
                                                        url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                                        data: {
                                                            _token: "{{ csrf_token() }}",
                                                            idtransfertEncours: $(
                                                                "#idtransfertEncours"
                                                            ).val(),
                                                            site_depart: $(
                                                                "#site_depart"
                                                            ).val(),
                                                            site_reception: $(
                                                                "#site_reception"
                                                            ).val(),
                                                            CommentDepart: $(
                                                                "#Commentaire_depart"
                                                            ).val(),
                                                            etatpe: "validerDepart"
                                                        },
                                                        dataType: "json",
                                                        success: function(
                                                            response) {
                                                            if (response.error == false) {
                                                                completeHandler()
                                                                location.href = "{{ route("stocks.transfertInterSite") }}"
                                                                notifSuccess(response.messages)
                                                                return false
                                                            }
                                                            notifWarning(response.messages)
                                                            if(response.ligneIsDelete == true){
                                                                location.href = "{{ route("stocks.transfertInterSite") }}"
                                                            } 
                                                            completeHandler()
                                                        },
                                                        error: function(response) {
                                                        completeHandler()
                                                            notifError(
                                                                response
                                                                .responseJSON
                                                                .messages
                                                            )
                                                        }
                                                    });
                                                    completeHandler()
                                                    return false
                                                }
                                                completeHandler()
                                                notifWarning(response.messages)
                                            },
                                            error: function(response) {
                                            completeHandler()
                                                notifError(response.responseJSON
                                                    .messages)
                                            }
                                        });
                                    }
            
                                }
                            })
                        })
                }else{
                    let valideQteNonCollecte = new Promise((resolve, reject) => {
                        confirmAction(() => {
                                resolve(true)
                            },
                            "Voulez-vous valider le départ du transfert en cours ?",
                            totalCollecter > 0 ? "Les lignes non marquées collectées seront supprimées !" : "",
                            "warning", () => {
                                resolve(false)
                            })
                    });
    
                    valideQteNonCollecte.then((result) => {
                        // console.log(result)
                        if (result == true) {
                            if (donneeTransfertSiteLigne.length <= 0) {
                                alertSwal(
                                    "Votre transfert ne peut être validé car, il ne contient aucune ligne !"
                                )
                                return false
                            }
    
                            let IndexNumLot = donneeTransfertSiteLigne.findIndex((item) => item
                                .NumeroLotProduit == "")
    
                            if (IndexNumLot >= 0) {
                                alertSwal(
                                    "Impossible de valider ce transfert, car certaines lignes n'ont pas de numéro de lot !"
                                )
                                return false
                            }
    
                            let IndexCollectPar = donneeTransfertSiteLigne
                                .findIndex((item) => item.CollecteePar <= 0)
    
                            if (IndexCollectPar != -1) {
                                let valideQteCollecteAZero = new Promise((resolve, reject) => {
                                    confirmAction(() => {
                                            resolve(true)
                                        },
                                        "Il existe des lignes non collectées dans le transfert en cours, leurs quantités collectées passeront à 0 !",
                                        "Voulez-vous poursuivre la validation du départ ?",
                                        "warning", () => {
                                            resolve(false)
                                        })
    
                                });
    
                                valideQteCollecteAZero.then(function(result) {
                                    if (result == false) {
                                        return false
                                    }
    
                                    let StockLotinsuffissant = false
                                    let QteStockTheorique_Lot = 0
    
                                    // verification de la disponibilité des stocks
                                    let NbLignTransfert = donneeTransfertSiteLigne.length
    
                                    $.ajax({
                                        type: "POST",
                                        url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                        data: {
                                            _token: "{{ csrf_token() }}",
                                            idtransfertEncours: $("#idtransfertEncours").val(),
                                            etatpe: "verifStock"
                                        },
                                        dataType: "json",
                                        beforeSend :progressHandler(),
                                        success: function(response) {
                                            if (response.error == false) {
                                                if (response.messages == true) {
                                                completeHandler()
                                                    alertSwal(
                                                        "Impossible de valider ce transfert, car certains lots n'ont pas de quantité suffisante pour le transfert !"
                                                    )
                                                    return false
                                                }
    
                                                $.ajax({
                                                    type: "POST",
                                                    url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                                    data: {
                                                        _token: "{{ csrf_token() }}",
                                                        idtransfertEncours: $(
                                                            "#idtransfertEncours"
                                                        ).val(),
                                                        site_depart: $(
                                                            "#site_depart"
                                                        ).val(),
                                                        site_reception: $(
                                                            "#site_reception"
                                                        ).val(),
                                                        CommentDepart: $(
                                                            "#Commentaire_depart"
                                                        ).val(),
                                                        etatpe: "validerDepart"
                                                    },
                                                    dataType: "json",
                                                    success: function(response) {
                                                        if (response
                                                            .error ==
                                                            false) {
                                                            completeHandler()
                                                            location.href = "{{ route("stocks.transfertInterSite") }}"
                                                            notifSuccess(response.messages)
                                                            return false
                                                        }
                                                        completeHandler()
                                                        notifWarning(response.messages)
                                                        if(response.ligneIsDelete == true){
                                                            location.href = "{{ route("stocks.transfertInterSite") }}"
                                                        } 
                                                    },
                                                    error: function(
                                                        response) {
                                                        completeHandler()
                                                        notifError(
                                                            response
                                                            .responseJSON
                                                            .messages
                                                        )
                                                    }
                                                });
                                                completeHandler()
                                                return false
                                            }
                                            completeHandler()
                                            notifWarning(response.messages)
                                        },
                                        error: function(response) {
                                        completeHandler()
                                            notifError(response.responseJSON
                                                .messages)
                                        }
                                    });
                                })
                            } else {
    
                                $.ajax({
                                    type: "POST",
                                    url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                    data: {
                                        _token: "{{ csrf_token() }}",
                                        idtransfertEncours: $("#idtransfertEncours")
                                            .val(),
                                        etatpe: "verifStock"
                                    },
                                    dataType: "json",
                                    beforeSend :progressHandler(),
                                    success: function(response) {
                                        if (response.error == false) {
                                            if (response.messages == true) {
                                            completeHandler()
                                                alertSwal(
                                                    "Impossible de valider ce transfert, car certains lots n'ont pas de quantité suffisante pour le transfert !"
                                                )
                                                return false
                                            }
    
                                            $.ajax({
                                                type: "POST",
                                                url: "{{ route('stock.trfInterSite.validerDepartTransfertSite') }}",
                                                data: {
                                                    _token: "{{ csrf_token() }}",
                                                    idtransfertEncours: $(
                                                        "#idtransfertEncours"
                                                    ).val(),
                                                    site_depart: $(
                                                        "#site_depart"
                                                    ).val(),
                                                    site_reception: $(
                                                        "#site_reception"
                                                    ).val(),
                                                    CommentDepart: $(
                                                        "#Commentaire_depart"
                                                    ).val(),
                                                    etatpe: "validerDepart"
                                                },
                                                dataType: "json",
                                                success: function(
                                                    response) {
                                                    if (response.error == false) {
                                                        completeHandler()
                                                        location.href = "{{ route("stocks.transfertInterSite") }}"
                                                        notifSuccess(response.messages)
                                                        return false
                                                    }
                                                    completeHandler()
                                                },
                                                error: function(response) {
                                                completeHandler()
                                                    notifError(
                                                        response
                                                        .responseJSON
                                                        .messages
                                                    )
                                                }
                                            });
                                            completeHandler()
                                            return false
                                        }
                                        completeHandler()
                                        notifWarning(response.messages)
                                    },
                                    error: function(response) {
                                    completeHandler()
                                        notifError(response.responseJSON
                                            .messages)
                                    }
                                });
                            }
    
                        }
                    })
                }
                
            })

            $(document).on("input", "#valeurFrais", function() {
                $("#coefFraisApproche").val("0")
            })
            $(document).on("input", "#coefFraisApproche", function() {
                $("#valeurFrais").val("0")
            })

            function openConfirmModal() {
                return new Promise((resolve) => {
                    $("#modalAjoutFraisApproche").modal("show")

                    // document.getElementById('btnContinue').onclick = function () {
                    //     $("#modalAjoutFraisApproche").modal("hide")
                    //     resolve(true);
                    // };

                    // submit du formulaire
                    $("#formAjoutFraisApproche").off("submit").on("submit", function (e) {
                        e.preventDefault();
                        e.stopPropagation();

                        $("#modalAjoutFraisApproche").modal("hide");
                        let form = this; // référence du form

                        let data = $(form).serializeArray();

                        form.reset(); // ✅ vide tous les champs


                        resolve({
                            success: true,
                            data: data
                        });
                    });
                });
            }

            // Valider Reception
            $(document).on("click", "#btn_valide_reception", async function() {

                if (donneeTransfertSite.IDOperateurDepart <= 0) {
                    alertSwal(
                        "Votre transfert ne peut être validé car, il n'a pas été validé au départ !"
                    )
                    return false
                }

                if (donneeTransfertSite.IDOperateurReception > 0) {
                    alertSwal("Ce transfert a déjà été réceptionné !")
                    return false
                }

                if (parseInt(donneeTransfertSite.IDAGENCEDESTINATION) != parseInt($("#idSiteEnCours")
                        .val())) {
                    alertSwal(
                        "La validation du réception d'un transfert ne peut être faite que dans l'agence réceptrice du transfert !"
                    )
                    return false
                }


                let indexRagerPar = donneeTransfertSiteLigne.findIndex((item) => item.RangePar <= 0)
                if (indexRagerPar > -1) {
                    alertSwal(
                        "Impossible de valider la réception du transfert, car tous les lots ne sont pas rangés"
                    )
                    return false
                }

                let validFraisAproche = {
                    success: true,
                    data : null
                }

                if(parseInt(ModeGpharma) == 2){

                    validFraisAproche = await openConfirmModal()
                }

                /* Sur ce mode d'exploitation, la reception d'un transfert peut donner lieu a
                   une facture client. Ce n'est pas automatique : on demande, et si la reponse
                   est oui il faut savoir a qui facturer. Le refus laisse la reception se
                   valider normalement, sans facture. */
                let facturation = { facturer: false, IDCLIENT: 0 }

                if(parseInt(ModeGpharma) == 3){

                    facturation = await demanderFacturationReception()

                    if(facturation.annule == true){
                        return false
                    }
                }


                if(validFraisAproche.success == true){
                    let validerReception = new Promise((resolve, reject) => {
                        confirmMdp("{{ csrf_token() }}",
                            () => {
                                resolve(true)
                            },
                            () => {
                                resolve(false)
                            },
                            "Veuillez saisir votre mot de passe pour valider la réception du transfert en cours !!", {
                                sousTitre: '',
                                infoJNL: "VALIDATION DE TRANSFERT INTER-SITE : RECEPTION",
                                typeJNL: 3,
                                CodeDroit: "DS_ModificationTransfertInterSite"
                            })
                    });
    
                    validerReception.then(function(result) {
                        if (result == true) {
                            $.ajax({
                                type: "POST",
                                url: "{{ route('stock.trfInterSite.validerReceptionTransfertSite') }}",
                                data: {
                                    _token: "{{ csrf_token() }}",
                                    CommentDepart: $("#Commentaire_reception").val(),
                                    idtransfertEncours: $("#idtransfertEncours").val(),
                                    site_depart: $("#site_depart").val(),
                                    site_reception: $("#site_reception").val(),
                                    dataFraisApproche : validFraisAproche.data,
                                    facturerReception: facturation.facturer,
                                    IDCLIENT_FACTURE: facturation.IDCLIENT
                                },
                                beforeSend: progressHandler(),
                                dataType: "json",
                                success: function(response) {
                                    if (response.error == false) {
                                        completeHandler()
                                        notifSuccess(response.messages)
                                        setTimeout(() => {
                                             location.href = "{{ route("stocks.transfertInterSite") }}"
                                        }, 2000);
                                        return false
                                    }
                                    completeHandler()
                                    notifWarning(response.messages)
                                },
                                error: function(response) {
                                    completeHandler()
                                    notifError(response.responseJSON.messages)
                                }
                            });
    
                        }
                    })
                }


            })

            // Changer les numeros lot
            $(document).on("change", "#inputNumeroLot", function() {
                $.ajax({
                    url: `{{ route('stock.trfInterSite.setChangeLot') }}`,
                    type: 'PUT',
                    data: {
                        value: $(this).val(),
                        id: $(this).data("id"),
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    // beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        // liste($("#idtransfert").val())
                        // completeHandler()
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            // Changer numero lot
            $(document).on("click", "#changerNumLot", function() {
                let idzone = $(this).data("idzone")
                let idprod = $(this).data("idprod")
                let idLigne = $(this).data("id")

                $("#idLigne").val(idLigne)
                $("#idzone_lot").val(idzone)
                $("#idprod_lot").val(idprod)
                $("#numligne").val($(this).data("num"))
                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.trfInterSite.getLot') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        idzone: idzone,
                        idprod: idprod,
                    },
                    dataType: "JSON",
                    success: function(response) {
                        $("#idLot").html("")
                        if (response.error == false) {
                            $.each(response.data, function(index, value) {
                                $("#idLot").append(
                                    `<option value="${value.NumeroLotProduit}" data-id="${value.IDSTOCKAGENCE_LOTS}">${value.NumeroLotProduit } (${value.DatePeremption} | ${formatNumberPerf(value.qteReserve) })</option>`
                                )
                            });

                            // $("#modalNumeroLot").on("shown.bs.modal", function () { 
                                $("#idLot").select2({
                                    dropdownParent : $("#modalNumeroLot")
                                })
                            // })

                            $("#modalNumeroLot").modal("show")
                        }
                    },
                    error: function(response) {
                        notifError(response.responseJSON.messages)
                    }
                });
            })

            var selectZoneRecept = ""
            $(document).on("focus", "#selectZoneRecept", function () { 
                selectZoneRecept = $(this).val()
            })

            // Changer zone stockage de reception
            $(document).on("change", "#selectZoneRecept", function() {
                let idzone = $(this).val()
                if(idzone == ""){
                    return false
                }
                
                let elmt = $(this)
                let idtransfert_ligne = $(this).data("id")

                let tr = $(this).parents('tr');
                let table = $('#tableTransfertInterSiteExpedition').DataTable();
                let row = table.row(tr);

                if (!row.data()) {
                    tr = $(this).closest('tr').prev();
                    row = table.row(tr);
                }

                let rowData = row.data();

                // console.log(rowData)

                if (!rowData) {
                    console.error("rowData est undefined");
                    return;
                }

                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.trfInterSite.changeZoneReception') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        idzone: idzone,
                        idtransfert_ligne: idtransfert_ligne,
                        site_reception: donneeTransfertSite.IDAGENCEDESTINATION ?? $(
                            "#site_reception").val(),
                    },
                    dataType: "JSON",
                    success: function(response) {
                        if (response.error == false) {

                            let rowData = row.data();
                            rowData.NomEmplacement_RECEPT = response.NomEmplacement ?? "";
                            row.data(rowData).draw(false);

                            $(this).val(selectZoneRecept)

                            notifSuccess(response.messages)
                            return false
                        }
                        elmt.val(selectZoneRecept)
                    },
                    error: function(response) {
                        elmt.val(selectZoneRecept)
                        notifDanger(response.responseJSON.messages)
                    }
                });
            })

            $(document).on("click", "#btnSaveLot", function() {
                if ($('#idLot').val() == 0) {
                    alertSwal("Aucun lot selectionné !!")
                    return false
                }

                $.ajax({
                    type: "POST",
                    url: "{{ route('stock.trfInterSite.setChangeLot') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        idzone: $("#idzone_lot").val(),
                        idprod: $("#idprod_lot").val(),
                        numLot: $('#idLot').val(),
                        idLot : $('#idLot option:selected').data("id"),
                        idLigne : $("#idLigne").val()
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            $("#modalNumeroLot").modal("hide")
                            $("#lotLigne" + $("#numligne").val()).val($('#idLot').val())
                            notifSuccess(response.messages)
                        }
                    },
                    error: function(response) {
                        notifError(response.responseJSON.messages)
                    }
                });
            })

            // Changer les zones de stockage
            $(document).on("click", "#changerZone, #changerZoneReception", function() {

                let IDAGENCERECEPTION = parseInt(donneeTransfertSite.IDAGENCEDESTINATION)
                let IDAGENCEDEPART = parseInt(donneeTransfertSite.IDAGENCE)
                let idSiteEnCours = parseInt($("#idSiteEnCours").val())

                if (IDAGENCERECEPTION == idSiteEnCours) {

                    if (donneeTransfertSite.IDOperateurReception > 0) {
                        alertSwal("La réception de ce transfert est déjà validé !!")
                        return false
                    }

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

                    $.ajax({
                        url: `{{ route('tiz.ZoneStockage', '') }}/${IDAGENCERECEPTION}`,
                        type: 'GET',
                        dataType: 'json',
                        success: function(response) {
                            // console.log(response)

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

                                $('#changeZone').append(
                                    `<option value="${value["IDZONESTOCKAGE"]}">${value["NomZoneStockage"]}</option>`
                                )
                            })

                            $("#modalChangeZone").modal("show")
                        },
                        error: function(response) {
                            // console.log(response)
                            notifError(response.responseJSON.messages)
                        }
                    })
                    return false;
                }

                if (IDAGENCEDEPART == idSiteEnCours) {

                    if (donneeTransfertSite.IDOperateurDepart > 0) {
                        alertSwal("Le départ de ce transfert a été validé !" )
                        return false
                    }

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

                    $.ajax({
                        url: `{{ route('tiz.ZoneStockage', '') }}/${IDAGENCEDEPART}`,
                        type: 'GET',
                        dataType: 'json',
                        success: function(response) {
                            // console.log(response)

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

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

                    return false;
                }
            })

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

                let IDAGENCERECEPTION = parseInt(donneeTransfertSite.IDAGENCEDESTINATION)
                let IDAGENCEDEPART = parseInt(donneeTransfertSite.IDAGENCE)
                let idSiteEnCours = parseInt($("#idSiteEnCours").val())
                let listeID
                if (IDAGENCEDEPART == idSiteEnCours) {
                    listeID = listeLigneSelectionne()
                } else if (IDAGENCERECEPTION == idSiteEnCours) {
                    listeID = listeLigneSelectionneReception()
                }

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

                // if (parseInt(donneeTransfertSite.IDAGENCE) == parseInt($("#idSiteEnCours").val())) {
                $("#modalImprimeEtiquette").modal("show")
                // }
            })

            // suppresion de transfert inter-site
            $(document).on("click", "#btnSupprimerTransfert", function() {

                if ($.trim($("#idtransfert").val()) == "") {
                    alertSwal("Aucun tranfert a supprimer !!")
                    return 0
                }

                if (donneeTransfertSite.IDOperateurDepart > 0) {
                    alertSwal("Ce tranfert ne peut être supprimé !!")
                    return 0
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            url: `{{ route('stock.listTrfInterSite.delete') }}`,
                            type: 'delete',
                            data: {
                                data: $("#idtransfert").val(),
                                "_token": "{{ csrf_token() }}"
                            },
                            dataType: 'json',
                            beforeSend: progressHandler(),
                            success: function(response) {
                                // console.log(response)
                                if (response.error == false) {
                                    $("#btnNew").trigger("click")
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                completeHandler()
                                notifWarning(responses.messages)
                            },
                            error: function(response) {
                                // console.log(response)
                                notifError(response.responseJSON.messages)
                            }
                        })
                    },
                    null,
                    "Voulez-vous supprimer les transferts inter-sites sélectionnés du site en cours ? ", {
                        sousTitre: "La suppression d'un transfert ne peut être faite que dans l'agence émétrice du transfert !",
                        infoJNL: "SUPPRESSION DE TRANSFERT INTER-SITE",
                        typeJNL: 3,
                        CodeDroit: "DG_PeutSuppirmer"
                    })

            })

            // soumission du formulaire de d'impression d'étiquette
            $(document).on("submit", "#formImpressionEtique", function(e) {
                e.preventDefault()

                let liste_id = []

                let IDAGENCERECEPTION = parseInt(donneeTransfertSite.IDAGENCEDESTINATION)
                let IDAGENCEDEPART = parseInt(donneeTransfertSite.IDAGENCE)
                let idSiteEnCours = parseInt($("#idSiteEnCours").val())

                if (IDAGENCEDEPART === idSiteEnCours) {
                    let ligne = listeLigneSelectionne()
                    if (ligne.length <= 0) {
                        alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                        return 0
                    }
                 
                    $.each(ligne, function(key, value) {
                        // On sélectionne le checkbox correspondant à la ligne
                        let checkbox = $("input[type=checkbox][data-id='" + value + "']")
                        let depart = checkbox.data("depart")
                        liste_id.push(depart)
                    })
                } else if (IDAGENCERECEPTION === idSiteEnCours) {

                    let ligne = listeLigneSelectionneReception()
                    if (ligne.length <= 0) {
                        alertSwal("Veuillez cocher une ou plusieurs lignes !!")
                        return 0
                    }
                    
                    $.each(ligne, function(key, value) {
                        // On sélectionne le checkbox correspondant à la ligne
                        let checkbox = $("input[type=checkbox][data-id='" + value + "']")
                        let reception = checkbox.data("reception")
                        liste_id.push(reception)
                    })
                }


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

                faireImpressionEtiquette(data, route)
            })

            // Impression rappor d'ecart
            $(document).on("click", "#btnImprimeRapportEcart", function() {

                if($("#idtransfert").val() == ""){
                    alertSwal("Aucun transfert disponible !!")
                    return false
                }

                $.ajax({
                    url: `{{ route('stock.trfInterSite.printEcart') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: {
                        data: $("#idtransfert").val(),
                        "_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()
                            return 0
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        completeHandler()
                        notifError(response.messages)
                    }
                })
            })

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

                // let IDAGENCERECEPTION = parseInt(donneeTransfertSite.IDAGENCEDESTINATION)
                // let IDAGENCEDEPART = parseInt(donneeTransfertSite.IDAGENCE)
                // let idSiteEnCours = parseInt($("#idSiteEnCours").val())
                // let ligne

                // if (IDAGENCEDEPART == idSiteEnCours) {
                //     ligne = listeLigneSelectionne()
                // } else if (IDAGENCERECEPTION == idSiteEnCours) {
                //     ligne = listeLigneSelectionneReception()
                // }

                // if (ligne.length <= 0) {
                //     alertSwal("Aucune a imprimer !!")
                //     return 0
                // }

                $.ajax({
                    url: `{{ route('stock.trfInterSite.print') }}`,
                    type: 'post',
                    dataType: 'json',
                    data: {
                        data: $("#idtransfert").val(),
                        "_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)
                            completeHandler()
                            var printWindow = window.open(blobUrl);
                            // printWindow.print();
                            return false
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        // console.log(response)
                        completeHandler()
                        notifError(response.responseJSON.messages)
                    }
                })
            })

            // valider le changement de zone de stockage
            $("#formChangeZone").on("submit", function(evt) {
                evt.preventDefault()

                let IDAGENCERECEPTION = parseInt(donneeTransfertSite.IDAGENCEDESTINATION)
                let IDAGENCEDEPART = parseInt(donneeTransfertSite.IDAGENCE)
                let idSiteEnCours = parseInt($("#idSiteEnCours").val())

                let formData = new FormData(_("formChangeZone"))

                let data
                if (IDAGENCEDEPART == idSiteEnCours) {
                    formData.append("site_depart", 1)
                    data = listeLigneSelectionne()
                } else if (IDAGENCERECEPTION == idSiteEnCours) {
                    data = listeLigneSelectionneReception()
                    formData.append("site_reception", 1)
                }

                formData.append("listeData", data)

                $.ajax({
                    url: `{{ route('stock.trfInterSite.setChangeZone') }}`,
                    type: 'post',
                    data: formData,
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    // beforeSend: progressHandler(),
                    success: function(response) {
                        // console.log(response)
                        if (response.error == false) {
                            liste($("#idtransfertEncours").val(), true)
                            $("#modalChangeZone").modal("hide")
                            notifSuccess(response.messages)
                            // completeHandler()
                            return 0
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        // completeHandler()
                        notifError(response.responseJSON.messages)
                    }
                })
            })

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

            $(document).on("click", "#btnIntegreCSV", function() {
                if (donneeTransfertSite != null && donneeTransfertSite.TransfertValide == true) {
                    alertSwal("Le transfert a été validé !")
                    return false
                }

                $('#site_depart_csv').val($("#idSiteEnCours").val()).change()
                $('#site_depart_csv_val').val($("#idSiteEnCours").val())
                $("#modalIntegreCSV").modal("show")
            })

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

                // if($("#zoneExpedition_depart_csv").val() == "0" || $("#zoneExpedition_depart_csv").val() == ""){
                //     alertSwal("Veuillez selectionner une zone d'expédition !!")
                //     return false
                // }

                let formData = new FormData(_("formIntegreCsv"))
                formData.append("idTransfert", $("#idtransfert").val())
                formData.append("site_reception_csv", $("#site_reception_csv").val())
                formData.append("site_depart_csv", $("#site_depart_csv").val())

                $("#integrerCsv").val("")
                $.ajax({
                    url: "{{ route('stock.trfInterSite.insertCsv') }}",
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    beforeSend: progressHandler(),
                    dataType: 'json',
                    success: function(response) {
                        // console.log(response)

                        if (response.error == false) {

                            if(response.transfert != ""){
                                liste(response.transfert, true)
                            }

                            $("#modalIntegreCSV").modal("hide")
                            completeHandler()
                            notifSuccess(response.messages)
                            filePond.removeFiles()
                            $("#formIntegreCsv")[0].reset()
                           
                            downloadExcel(response.file, "RESUMER_TRANSFERT_INTER_SITE_"+response.date+".xlsx")

                            return 0
                        }
                        completeHandler()
                        notif("warning", "Attention", response.messages)
                    },
                    error: function(response) {
                        completeHandler()
                        // console.log(response)
                        notifError(response.responseJSON.messages)
                    }
                })
            })

            // Transfert auto

            $(document).on("click", "#btnLanceAutoTransfert", function(e) {
                e.preventDefault();

                if ($("#site_depart").val() == $("#site_reception").val()) {
                    alertSwal("Le site de départ doit être différent du site de destination !!")
                    return false
                }

                $("#modalTransfertAuto").modal("show")
            });

            $(document).on("click", "#btnTransfertAuto", function(e) {
                e.preventDefault();

                if ($("#zone_auto").val() == "0" || $("#zone_auto").val() == "") {
                    alertSwal("Veuillez selectionner un zone de stockage");
                    return false
                }

                $.ajax({
                    type: "POSt",
                    url: "{{ route('stock.trfInterSite.SuggestionTransfertSite') }}",
                    data: {
                        _token: "{{ csrf_token() }}",
                        IDAGENCE_EXP: $("#site_depart").val(),
                        IDAGENCE_RECEPT: $("#site_reception").val(),
                        zone: $("#zone_auto").val(),
                        IDTransfer: $("#idtransfert").val(),
                        IDCATPROD: $("#nature_produit").val(),
                    },
                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                        if (response.error == false) {
                            completeHandler()
                            $("#divLanceAutoTransfert").addClass("d-none")
                            $("#modalTransfertAuto").modal("hide")
                            notifSuccess(response.messages)
                            liste(response.id, true)
                            return false
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        completeHandler()
                        notifError(response.responseJSON.messages)
                    }
                });
            });

            $(document).on("change", "#zone_depart", function(e) {
                e.preventDefault();
                if($(this).val() == "" || $(this).val() == "0"){
                    return false
                }
                $("#zone_auto").val($(this).val()).change()

                // actualiseDonneeForm($("#produit").val(), $(this).val(), $("#site_reception").val())
            });

            listeNatureProduit()

            function listeNatureProduit() {
                $.ajax({
                    type: "POST",
                    url: "{{ route('listeNatureProduitSimple') }}",
                    data: {
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        $("#nature_produit").append(`<option value="0">TOUTES LES NATURES</option>`)
                        $.each(response.data, function(key, value) {
                            $("#nature_produit").append(
                                `<option value="${value.IDCATEGORIEPRODUIT}">${value.LibelleCategorieProduit}</option>`
                            )
                        });

                        $("#nature_produit").select2({
                            dropdownParent: $("#modalTransfertAuto")
                        })
                    }
                });
            }

            _('checkTransfertAll').addEventListener('click', function() {
                let value = this.checked
                let tableListeTransfert = $("#tableTransfertInterSite").DataTable()
                // let lignes = tableListeTransfert.rows().nodes()
                // $(lignes).find('#checkLigneTransfertSite').prop('checked', value)
                $('.checkLigneTransfertSite').prop('checked', value);
                $('#tableTransfertInterSite').on('draw.dt', function() {
                    $('.checkLigneTransfertSite').prop('checked', value);
                });
            })

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


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

            function listeLigneSelectionne() {

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

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

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

                // tableListeTransfert.$('.checkLigneTransfertSite:checked').each(function () {
                //     dataIdCmdeLigne.push($(this).data('id'));
                // });

                tableListeTransfert.rows().every(function () {
                    let node = this.node();

                    let checkbox = $(node).find('.checkLigneTransfertSite');

                    if (checkbox.is(':checked')) {

                        dataIdCmdeLigne.push(
                            checkbox.attr('data-id')
                        );

                    }
                });

                // console.log(dataIdCmdeLigne)
                
                return dataIdCmdeLigne
            }

            function listeLigneSelectionneReception() {

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

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

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

                tableTransfertInterSiteExpedition.rows().every(function () {
                    let node = this.node();

                    let checkbox = $(node).find('.checkLigneTransfertSite');

                    if (checkbox.is(':checked')) {

                        dataIdCmdeLigne.push(
                            checkbox.attr('data-id')
                        );

                    }
                });
                return dataIdCmdeLigne
            }

            var choixTableau = false

            function liste(param, modif = false, loadData = false) {

                $.ajax({
                    url: `{{ route('stock.trfInterSite.index', '') }}/${param}`,
                    type: 'get',
                    dataType: 'json',
                    beforeSend: loadData ? progressHandler() : function() {},
                    success: function(response) {
                        // console.log(response)

                        if (response.error == true) {
                            completeHandler()
                            notifWarning(response.messages)
                            return false
                        }

                        var divShowPer = ""

                        donneeTransfertSite = response.site

                        // if(estEnModif() == true && $("#num_reference").val() == ""){
                        // console.log($("#num_reference").val());

                        if (_("num_reference").value == "") {
                            IDAGENCEDESTINATION_global = donneeTransfertSite.IDAGENCEDESTINATION
                            $("#site_depart").val(donneeTransfertSite.IDAGENCE).trigger("change")
                            // $("#site_reception").val(donneeTransfertSite.IDAGENCEDESTINATION)
                            //     .trigger("change")
                        }

                        $("#IDMONNAIE").val(donneeTransfertSite.IDDeviseFraisApproche).trigger("change")
                        $("#valeurDevise").val(formatNumberPerf(donneeTransfertSite.ValeurDeviseFraisApproche))
                        $("#valeurFrais").val(donneeTransfertSite.ValeurFraisApprocheTS)
                        
                        $("#num_reference").val(donneeTransfertSite.NumeroTransfertSite)
                        $("#idtransfert").val(response.IDTRANSFERT_SITE)
                        $("#idtransfertEncours").val(response.IDTRANSFERT_SITE)

                        // Génération du contenu
                        let donneBs = `
                            Valeur PRMP : <span class="fw-bold">${ donneeTransfertSite.ValeurTransfertSite || 'N/A'} </span><br> 
                            Valeur Cession TTC : <span class="fw-bold">${donneeTransfertSite.ValeurCessionTTC || 'N/A'} </span><br> 
                            Frais d'approche : <span class="fw-bold">${donneeTransfertSite.ValeurFraisApprocheTS || 'N/A'}</span>
                        `;

                        // Gestion du popover
                        let $valeurTSBS = $("#valeurTSBS");
                        $valeurTSBS.popover('dispose'); // Nettoyer l'ancien popover
                        $valeurTSBS.attr("data-bs-content", donneBs); // Ajouter le contenu
                        $valeurTSBS.popover(); // Initialiser le popover

                        $('#idTransfert_frais').val(donneeTransfertSite.IDTRANSFERT_SITE)

                        if (modif == true && $('#tableTransfertInterSiteExpedition').DataTable()
                            .data()
                            .length == 0) {

                            // $("#zone_depart").attr("disabled", "disabled")
                            $("#site_reception").attr("disabled", "disabled")
                            $('#site_reception_csv').attr("disabled", "disabled")

                            if (donneeTransfertSite.TransfertValide == true || donneeTransfertSite
                                .TransfertValide == "true" || parseInt(response.site
                                    .IDAGENCEDESTINATION) == parseInt($(
                                    "#idSiteEnCours").val())) {
                                $("#divSupprimerTransfert").addClass("d-none")
                                $("#divValideTransfert").addClass("d-none")
                                $("#divIntegreCSV").addClass("d-none")
                                $("#divAjoutFraisApproche").addClass("d-none")
                                $("#divLanceAutoTransfert").addClass("d-none")

                            }

                            // $("#zone_depart").val( response.donnee.IDZONESTOCKAGE_EXP).change()
                            // $("#zone_depart").prop("disabled", true)
                            let created_atFormat = moment(donneeTransfertSite.created_at).format(
                                "DD/MM/YYYY HH:mm:ss")
                            $("#date_transfert").val(created_atFormat)

                            if (donneeTransfertSite.IDOperateurDepart > 0) {
                                let DateHeureDepartTransfert = donneeTransfertSite.DateHeureDepartTransfert
                                let created_atFormat = DateHeureDepartTransfert != null ? moment(DateHeureDepartTransfert).format(
                                "DD/MM/YYYY HH:mm:ss") : ""
                                $("#date_heure_depart").val(created_atFormat)
                                $("#operateur_depart").val(donneeTransfertSite.NomPersonnelDepart)
                                $("#Commentaire_depart").val(donneeTransfertSite
                                    .CommentaireDepartTransfert)
                                $("#Commentaire_depart").attr("disabled", "disabled")

                                $("#zoneTransfert").addClass("d-none")
                                if(parseInt(ModeGpharma) != 2){
                                    $("#zoneReception").removeClass("d-none")
                                }

                                peutModifier = false
                            }

                            if (donneeTransfertSite.IDOperateurReception > 0) {
                                let DateHeureReceptionTransfert = donneeTransfertSite.DateHeureReceptionTransfert
                                let created_atFormat = DateHeureReceptionTransfert != null ? moment(DateHeureReceptionTransfert).format(
                                "DD/MM/YYYY HH:mm:ss") : ""
                                $("#date_heure_reception").val(created_atFormat)
                                $("#operateur_reception").val(donneeTransfertSite
                                    .NomPersonnelReception)
                                $("#Commentaire_reception").val(donneeTransfertSite
                                    .CommentaireReceptionTransfert)
                                $("#Commentaire_reception").attr("disabled", "disabled")
                                peutModifier = false
                            }

                            if (parseInt(response.site.IDAGENCEDESTINATION) == parseInt($(
                                    "#idSiteEnCours").val())) {
                                choixTableau = true
                            }
                        }

                        if (choixTableau == true) {
                            if(ModeGpharma == 3 ) $("#btnPrendreToutesLesQte").removeAttr("hidden")
                            $("#tableTransfertInterSiteExpedition_wrapper").removeAttr("hidden")
                            $("#tableTransfertInterSite_wrapper").attr("hidden", "hidden")

                            /* Reception deja validee : les quantites sont figees, le bouton
                               n'aurait rien a reprendre. */
                            if (parseInt(response.site.IDOperateurReception ?? 0) > 0) {
                                $("#zoneBtnPrendreQte").attr("hidden", "hidden")
                            } else {
                                $("#zoneBtnPrendreQte").removeAttr("hidden")
                            }

                            tableTransfertInterSiteExpedition = remplissageDataTable({
                                IdentifiantDuTableau: '#tableTransfertInterSiteExpedition',
                                obj: response.donnee,
                                pageLength: 100,
                                order : []
                            })

                            divShowPer = $('#tableTransfertInterSiteExpedition_filter')
                            $autresAction = `<span class="d-flex align-items-center px-2" id="btnSupprimeLigneExp" style="cursor : pointer;">
                                        <i class="bx bxs-trash text-danger me-1" style="font-size : 18px; cursor : pointer;"></i>
                                        <span id="" class="fw-bold" >supprimer lignes cochées</span>
                                    </span>

                                    <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" style="cursor : pointer;">
                                            <i class='bx bx-list-plus text-info' style="font-size : 18px; "></i> Autre action
                                            </label>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li><button class="dropdown-item btn" id="ControlerLigne">Contrôler les lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="AnnulerControlerLigne">Annuler contrôle des lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="changerZoneReception">Changer de zone des lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="imprimeEtiquette">Imprimer étiquette</button></li>
                                                <li><button class="dropdown-item btn" id="RangerLigne">Ranger les lignes cochées</button></li>
                                            </ul>
                                        </span>
                                    </span>`
                        } else {
                            tableTransfertInterSite = remplissageDataTable({
                                IdentifiantDuTableau: '#tableTransfertInterSite',
                                obj: response.donnee,
                                // pageLength: 100,
                                order : []
                            })

                            divShowPer = $('#tableTransfertInterSite_filter')
                            $autresAction = `<span class="d-flex align-items-center px-2" id="btnSupprimeLigne">
                                        <i class="bx bxs-trash text-danger me-1" style="font-size : 18px; cursor : pointer;"></i>
                                        <span id="" class="fw-bold" style="cursor : pointer;">supprimer lignes cochées</span>
                                    </span>

                                    <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" style="cursor : pointer;">
                                            <i class='bx bx-list-plus text-info' style="font-size : 18px; "></i> Autre action
                                            </label>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li><button class="dropdown-item btn" id="CreerTransfert">Créer un transfert avec les lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="CollecterLignes">Collecter les lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="AnnuleCollecteLignes">Annuler la collecte les lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="changerZone">Changer de zone des lignes cochées</button></li>
                                                <li><button class="dropdown-item btn" id="imprimeEtiquette">Imprimes étiquette</button></li>
                                            </ul>
                                        </span>
                                    </span>`
                        }

                        donneeTransfertSiteLigne = response.donnee

                        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($autresAction)

                        loadData ? completeHandler() : ""
                    },
                    error: function(response) {
                        // console.log(response)
                        completeHandler()
                        notifError(response.responseJSON.messages)
                    }
                })
            }

        })
    </script>
@endsection