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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        body.modal-open {
            overflow: hidden;
        }

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

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <!-- Start:: row-7 -->
        <div class="col-xl-12 col-12">
            <div class="row mb-3">
                <div class="col-xl-3 col-lg-4 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Stocks</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Transfert intersite</li>
                        </ol>
                    </nav>
                </div>

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

                        
                        
                        {{-- divIntegreCSV
                        divAjoutFraisApproche
                        divLanceAutoTransfert --}}
                        
                        <div class=" col-xl-2 col-md-2 col-sm-4 px-0 mx-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-3 col-md-3 col-sm-4 px-0 mx-1 d-flex justify-content-center">
                            <button class=" btn btn-light w-100" id="btnActualise">
                                <i class="bi bi-arrow-repeat me-2"></i> Actualiser
                            </button>
                        </div>
                        <div class="col-xl-1 col-md-1 col-sm-4 px-0 d-flex justify-content-center" id="divSupprimerTransfert">
                            <button class=" btn btn-danger w-100" id="btnSupprimerTransfert">
                                <i class="bi bi-trash"></i>
                            </button>
                        </div>
                        <div class="col-xl-2 col-md-2 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'ecrat
                                        </button>
                                    </li>

                                </ul>
                            </div>

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

    <div class="row mt-3">
        <div class="col-xl-12">
            <div class="row">

                <div class="col-xl-6">
                    <div class="card bg-dark-transparent">
                        <div class="card-header bg-danger-gradient p-0">
                            <div class="col-xl-12 text-center">
                                <label for="">Infos du transfert intersite</label>
                            </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="datetime-local" class="form-control text-center" name="date_transfert"
                                        id="date_transfert" value="{{ date('Y-m-d H:i:s') }}" readonly />
                                </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">

                                    </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/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-xl-6">
                    <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="datetime-local" class="form-control text-center" name="date_heure_depart"
                                        id="date_heure_depart" readonly />
                                </div>

                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Opérateur</p>
                                    <select class="form-select" name="operateur_depart" id="operateur_depart" disabled>

                                    </select>
                                </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 w-100" id="btn_valide_depart">
                                        <i class='bx bxs-check-circle'></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- <div class="col-xl-6">
                    <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 reception</p>
                                    <input type="datetime-local" class="form-control text-center"
                                        name="date_heure_reception" id="date_heure_reception" readonly />
                                </div>

                                <div class="col-xl-6">
                                    <p class="mb-0 text-muted">Opérateur</p>
                                    <select class="form-select" name="operateur_reception" id="operateur_reception"
                                        disabled>

                                    </select>
                                </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_depart" />
                                </div>
                                <div class="col-xl-2">
                                    <button class="btn btn-success mt-3" id="btn_valide_reception"><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
                        <div class="row">
                            <div class="col-xl-11">
                                <div class="row">
                                    <div class="col-xl-3">

                                        @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>
                                        <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-5">
                                        <p class="mb-0 text-muted">Produit</p>
                                        <select class="form-select" name="produit" id="produit">

                                        </select>
                                    </div>
                                    <div class="col-xl-2">
                                        <p class="mb-0 text-muted">Cartonnage</p>
                                        <input type="text" class="form-control" id="cartonnage" disabled>

                                    </div>
                                    <div class="col-xl-2">
                                        <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">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-1">
                                <button type="submit" class="btn btn-primary mt-3 w-100" id="btnSubmitFiltre">
                                    <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>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped tablehover text-nowrap w-100 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 openModalProduit designationProduitSimple">
                                        Désignation</th>
                                    <th class="text-center" data-column="ColisageProduit"
                                        data-class="text-center">Colisage</th>
                                    <th class="text-center" data-column="QteASugerree" data-class="text-center">Qté
                                        Suggérée</th>
                                    <th class="text-center" data-column="QteACollecter" data-class="text-center">Qté à
                                        Collecter</th>
                                    <th class="text-center" data-column="QteTransferee_nv" data-class="text-center">Qté
                                        collectée</th>
                                    <th class="text-center" data-column="collecter_nv"
                                        data-class="text-center">C</th>
                                    <th class="text-center" data-column="NomZoneStockage_EXP" data-class="text-center">
                                        Zone de Prévelement</th>
                                    <th class="text-center" data-column="NomEmplacement_EXP" data-class="text-center">
                                        Emplacement</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="StockTotalDestination" data-class="text-center">
                                        Stock <br> Destinatation</th>
                                    <th class="text-center" data-column="stockDestEnVm" data-class="text-center">Stock
                                        destination <br> en VM</th>

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

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


@endsection

@section('script')
    <script>
       
        $(document).ready(function(param) {

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

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

            var donneeTransfertSite

            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")
                    }
                })
                zone(data)
            })

            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 chargerSelectProduit() {

                $.ajax({

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

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

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

            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)
                }
            })
            listingComboPersonnel(["#operateur_depart", "#operateur_reception"])

            $("#site_depart").on("change", function() {
                let data = $(this).val()
                $.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">TOUS</option>`)
                        $('#zoneExpedition_depart_csv').html("")
                        $('#zoneExpedition_depart_csv').append(
                            `<option value="0">TOUS</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>`
                            )
                        })
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

            $("#produit").on("change", function() {
                let data = $(this).val()
                $.ajax({
                    url: `{{ route('stock.trfInterSite.getCartonnage') }}`,
                    type: 'post',
                    data: {
                        data: data,
                        "_token": "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    success: function(response) {
                        // console.log(response)

                        $('#cartonnage').val(response.donnee)

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

            if ($("#idtransfertEncours").val() != "") {
                liste($("#idtransfertEncours").val(), true)
            }

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

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

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

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

                let 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())
                $.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) {
                        console.log(response)
                        if (response.error == false) {
                            liste(response.id)

                            $("#idtransfert").val(response.id)
                            $("#num_reference").val(response.numero)

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

            $(document).on('click', "#btnSupprimeLigne", function() {
                let listeID = listeLigneSelectionne()
                $.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) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })


            // Créer un transfert avec les lignes selectionnées
            $(document).on('click', "#CreerTransfert", function() {
                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
                                }
                                // completeH(responses.messages)andler()
                            },
                            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",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            // Collecter les lignes cochées
            $(document).on('click', "#CollecterLignes", function() {
                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) {
                                    liste($("#idtransfert").val())
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la collecte des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "TRANSFERT INTERSITE : COLLECTE DES PRODUITS",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })

            // Annulation de collecte
            $(document).on('click', "#AnnuleCollecteLignes", function() {
                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) {
                                console.log(response)
                                if (response.error == false) {
                                    liste($("#idtransfert").val())
                                    notifSuccess(response.messages)
                                    return 0
                                }
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                console.log(response)
                                notifError(response.messages)
                            }
                        })
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la collecte des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "TRANSFERT INTERSITE : ANNULATION COLLECTE DES PRODUITS",
                        typeJNL: 3,
                        CodeDroit: "DS_TransfertInterSite"
                    })
            })


            _('checkTransfertAll').addEventListener('click', function() {
                let value = this.checked
                let tableListeTransfert = $("#tableTransfertInterSite").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
                }
            })

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

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

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

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

                wait.done(function() {

                    confirmMdp("{{ csrf_token() }}",
                        () => {
                            $.ajax({
                                url: `{{ route('stock.trfInterSite.validerTransfertSiteNvllment') }}`,
                                type: 'POST',
                                data: {
                                    data: $("#idtransfert").val(),
                                    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 la collecte des lignes cochées ?", {
                            sousTitre: '',
                            infoJNL: "VALIDATION DE TRANSFERT INTER-SITE",
                            typeJNL: 3,
                            CodeDroit: "DS_TransfertInterSite"
                        })
                })

            })

            let waitChangeZone = $.Deferred()
            // Changer les zones de stockage
            $(document).on("click", "#changerZone", function() {

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

                if (parseInt(donneeTransfertSite.IDAGENCERECEPTION) == parseInt($("#idSiteEnCours")
                        .val())) {
                    let data = donneeTransfertSite.IDAGENCERECEPTION
                    $.ajax({
                        url: `{{ route('tiz.ZoneStockage', '') }}/${data}`,
                        type: 'GET',
                        dataType: 'json',
                        success: function(response) {
                            // console.log(response)

                            $('#changeZone').html("")
                            $('#changeZone').append(`<option value="0">TOUS</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.messages)
                        }
                    })

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

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

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

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

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

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

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

                let liste_id = []
                let ligne = listeLigneSelectionne()

                if (ligne.length <= 0) {
                    Swal.fire({
                        position: 'center',
                        icon: 'warning',
                        title: "Veuiller cocher une/plusieurs ligne(s) !!",
                        showConfirmButton: false,
                        timer: 30000
                    })
                    return 0
                }

                if (parseInt(donneeTransfertSite.IDAGENCE) === parseInt($("#idSiteEnCours").val())) {
                    $.each(ligne, function(key, value) {
                        liste_id.push($("input[type=checkbox]").data(value + "-depart"))
                    })
                } else if (parseInt(donneeTransfertSite.IDAGENCERECEPTION) === parseInt($("#idSiteEnCours")
                        .val())) {
                    $.each(ligne, function(key, value) {
                        liste_id.push($("input[type=checkbox]").data(value + "-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() }}"
                    }
                }

                // // console.log(data)
                // return 0
                faireImpressionEtiquette(data, route)
            })

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

                $.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();
                            return 0
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

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

                let ligne = listeLigneSelectionne()

                if (ligne.length <= 0) {
                    Swal.fire({
                        position: 'center',
                        icon: 'warning',
                        title: "Veuiller cocher une/plusieurs ligne(s) !!",
                        showConfirmButton: false,
                        timer: 30000
                    })
                    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)
                            var printWindow = window.open(blobUrl);
                            // printWindow.print();
                        }
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

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

                let formData = new FormData(_("formChangeZone"))
                let data = listeLigneSelectionne()
                formData.append("listeData", data)
                // formData.append("_token", "{{ csrf_token() }}")

                $.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) {
                            $("#modalChangeZone").modal("hide")
                            notifSuccess(response.messages)
                            return 0
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.log(response)
                        notifError(response.messages)
                    }
                })
            })

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

            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 liste(param, modif = false) {

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

            //             var divShowPer = ""
            //             var choixTableau = false
            //             donneeTransfertSite = response.site

            //             if (modif == true) {

            //                 // $("#zone_depart").attr("disabled", "disabled")
            //                 $("#site_reception").attr("disabled", "disabled")
            //                 $("#zone_depart").val(donneeTransfertSite.IDAGENCE).change()
            //                 $("#site_reception").val(donneeTransfertSite.IDAGENCEDESTINATION).change()

            //                 $("#num_reference").val(donneeTransfertSite.NumeroTransfertSite)
            //                 $("#date_transfert").val(donneeTransfertSite.created_at)

            //                 if (donneeTransfertSite.IDOperateurDepart > 0) {
            //                     $("#date_heure_depart").val(donneeTransfertSite.DateHeureDepartTransfert)
            //                     $("#operateur_depart").val(donneeTransfertSite.IDOperateurDepart).change()
            //                     $("#Commentaire_depart").val(donneeTransfertSite.CommentaireDepartTransfert)
            //                 }
            //                 if (donneeTransfertSite.IDOperateurReception > 0) {
            //                     $("#date_heure_reception").val(donneeTransfertSite.DateHeureReceptionTransfert)
            //                     $("#operateur_reception").val(donneeTransfertSite.IDOperateurReception).change()
            //                     $("#operateur_reception").val(donneeTransfertSite.CommentaireReceptionTransfert)
            //                 }
            //             }


            //             tableTransfertInterSite
            //             remplissageDataTable({
            //                 IdentifiantDuTableau: '#tableTransfertInterSite',
            //                 obj: response.donnee
            //             })

            //             divShowPer = $('#tableTransfertInterSite_filter')

            //             let BroDivShowPer = divShowPer.parent().parent()
            //             let child = BroDivShowPer.children().eq(0)
            //             let child2 = BroDivShowPer.children().eq(1)

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

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

            //             child.append(`<span class="d-flex align-items-center px-2" 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">
            //                                 <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>

            //                         <span class="d-flex align-items-center px-2" style="cursor : pointer;">
            //                             <i class='ri ri-file-excel-2-line text-success me-1' style="font-size : 18px; cursor : pointer;"></i>
            //                             <span id="btn-export-transfertIntersite-excel" class="fw-bold" style="cursor : pointer;">Exporter</span>
            //                         </span>

            //                         `)

            //             // completeHandler()


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

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

                            console.log(donneeTransfertSite.TransfertValide)

                            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(
                                "YYYY-MM-DD HH:mm:ss")
                            $("#date_transfert").val(created_atFormat)

                            if (donneeTransfertSite.IDOperateurDepart > 0) {
                                $("#date_heure_depart").val(donneeTransfertSite
                                    .DateHeureDepartTransfert)
                                $("#operateur_depart").val(donneeTransfertSite.NomPersonnelDepart)
                                $("#Commentaire_depart").val(donneeTransfertSite
                                    .CommentaireDepartTransfert)
                                $("#Commentaire_depart").attr("disabled", "disabled")

                                $("#zoneTransfert").addClass("d-none")
                                $("#zoneReception").removeClass("d-none")

                                peutModifier = false
                            }

                            if (donneeTransfertSite.IDOperateurReception > 0) {
                                $("#date_heure_reception").val(donneeTransfertSite
                                    .DateHeureReceptionTransfert)
                                $("#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
                            })

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

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

        $(document).on('click','#btn-export-transfertIntersite-excel',function(){
                        var data =  getCleanedTableData('tableTransfertInterSite')
                        const filename =file_name("TRANSFERT_INTERSITE");
                        download_excel_file('{{route("export_global_excel.export")}}', data, filename,['#'])
        })
       
    </script>
@endsection