@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;Intéger 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"
                                                    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="PrixRMP" 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>

                        <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="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="{{ asset('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,

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

                // pagingType: 'full_numbers',
                pageLength: 25,
                lengthChange: true,
                // order: [5, "desc"],
            })
            
            $("#tableTransfertInterSiteExpedition_wrapper").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"></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');
                }
            });

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

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

                $.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)
                            } 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 value = $(this).val()
                let id = $(this).data("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)
                            $(this).val(value)
                            notifSuccess(response.messages)
                            return 0
                        }
                        $("input[data-id='" + id + "']").val(inputValue)
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            // 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()
                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)
                        }
                    },
                    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)
                            },
                            "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
                                                            }
                                                            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
                                                                )
                                                        }
                                                    },
                                                    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()
                }


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

            // 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);

                            notifSuccess(response.messages)
                            return false
                        }
                        elmt.val("").change()
                    },
                    error: function(response) {
                        elmt.val("").change()
                        notifError(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)
            })

            _('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'))
                    }
                })
                return dataIdCmdeLigne
            }

            function listeLigneSelectionneReception() {

                let dataIdCmdeLigne = []
                let dataPack = []
                let valNow = ""
                let tableListeTransfert = $("#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'))
                    }
                })
                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) {
                            $("#tableTransfertInterSiteExpedition_wrapper").removeAttr("hidden")
                            $("#tableTransfertInterSite_wrapper").attr("hidden", "hidden")

                            remplissageDataTable({
                                IdentifiantDuTableau: '#tableTransfertInterSiteExpedition',
                                obj: response.donnee,
                                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 {
                            remplissageDataTable({
                                IdentifiantDuTableau: '#tableTransfertInterSite',
                                obj: response.donnee,
                                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