@extends('models')
@section('titre-page', "Mouvement de stocks")
@section('substock', " open active")
@section('stock', "active")
{{-- @section('TrfInterSite', 'active') --}}
@php
    if(!isset($CMU)){
        $CMU = false;
    }

@endphp
@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);"> {{ $CMU == false ? 'Stocks' : 'CMU' }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Correction de stocks</li>
                        </ol>
                    </nav>
                </div>

            
                <div class="col-xl-9 col-lg-8 col-md-8 col-sm-12 mt-xl-0 mt-2 mx-0 ">
                    <div class="row justify-content-end">
                        <div class="col-xl-6 col-md-5"></div>
                        {{-- <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 ms-1 d-flex justify-content-center" id="zoneBtnValide">
                            <button class=" btn w-100 btn-success" id="btnValideCorrection">
                                <i class="bx bx-vertical-bottom me-2"></i> Valider
                            </button>
                        </div>
                        <div class="col-xl-2 col-md-3 col-sm-4 ms-1 d-flex justify-content-center">
                            <button class="btn w-100 btn-light" id="btnImprimeMvt">
                                <i class='bx bx-export me-1'></i>&nbsp;Imprimer
                            </button>
                        </div>

                        
                        @if(isset($CM) && in_array('CM_SupprimerMvtStockCMU', session('LISTE_DROIT_ACCESS')))
                            <div class="col-xl-1 col-md-1 col-sm-4  ms-1 d-flex justify-content-center" id="zoneBtnSupprime">
                                <button class=" btn btn-danger w-100" id="btnSupprimerCorrection" data-bs-toggle="tooltip"
                                    data-bs-custom-class="tooltip-danger" data-bs-placement="top"
                                    title="Supprimer la correction">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </div>
                        @endif

                        @if(in_array('DS_SupprimerCorrectionStock', session('LISTE_DROIT_ACCESS')))
                            <div class="col-xl-1 col-md-1 col-sm-4  ms-1 d-flex justify-content-center" id="zoneBtnSupprime">
                                <button class=" btn btn-danger w-100" id="btnSupprimerCorrection" data-bs-toggle="tooltip"
                                    data-bs-custom-class="tooltip-danger" data-bs-placement="top"
                                    title="Supprimer la correction">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </div>
                        @endif

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

    <form id="formAddMvt">
        @csrf
        <div class="row mt-3">

            <div class="col-xl-12 mb-2">
                <div class="accordion " id="">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button bg-danger-gradient w-100" type="button"
                                data-bs-toggle="collapse" data-bs-target="#correction_collapse" aria-expanded="true"
                                aria-controls="correction_collapse">
                                <div class="row">
                                    <div class="col-4">Correction N°&nbsp; <br><span id="numCorrection"></span></div>
                                    <div class="col-2"><span class="badge bg-light text-dark">Nbre ligne : <br> <span
                                                class="fs-14" id="nbreLigne"></span></span></div>
                                    <div class="col-2"><span class="badge bg-light text-dark">Total HT : <br> <span
                                                class="fs-14" id="totalHT"></span> </span></div>
                                    <div class="col-2"><span class="badge bg-light text-dark">Total TVA : <br> <span
                                                class="fs-14" id="totalTVA"></span> </span></div>
                                    <div class="col-2"><span class="badge bg-light text-dark">Total TTC : <br> <span
                                                class="fs-14" id="totalTTc"></span> </span></div>
                                </div>
                            </button>

                        </h2>
                        <div id="correction_collapse" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                            data-bs-parent="#correction_collapse">
                            <div class="accordion-body">
                                <div class="row">
                                    <div class="col-xl-8">
                                        <div class="row">
                                            <input type="text" id="IDCORRECTION" name="IDCORRECTION"
                                                value="{{ $id }}" hidden>
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">Site</p>
                                                <select class="form-select" name="IDAGENCE" id="IDAGENCE" disabled>

                                                </select>
                                            </div>
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">N° Correction</p>
                                                <input type="text" class="form-control text-center"
                                                    name="NumeroCorrection" id="NumeroCorrection" readonly />
                                            </div>
                                            <div class="col-xl-4">
                                                <p class="mb-0 text-muted">Date</p>
                                                <input type="date" class="form-control text-center" name="DateCorrection"
                                                    id="DateCorrection" value="{{ date('Y-m-d') }}" readonly />
                                            </div>
                                            <div class="col-xl-6">
                                                <p class="mb-0 text-muted">Motif de la correction</p>
                                                <select class="form-select" name="IDCORRECTION_MOTIF"
                                                    id="IDCORRECTION_MOTIF">
                                                    <option value="0"> </option>
                                                    @foreach ($CORRECTION_MOTIF as $item)
                                                        <option value="{{ $item->IDCORRECTION_MOTIF }}">
                                                            {{ $item->LibelleMotifCorrection }}</option>
                                                    @endforeach
                                                </select>
                                                <input type="hidden" name="sensCorrection" id="sensCorrection">
                                            </div>
                                            <div class="col-xl-6">
                                                <p class="mb-0 text-muted">Zone de stockage</p>
                                                <select class="form-select" name="IDZONESTOCKAGE" id="IDZONESTOCKAGE">

                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-4">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <p class="mb-0 text-muted">Commentaire</p>
                                                <textarea class="form-control" name="CommentaireCorrection" id="CommentaireCorrection" cols="30"
                                                    rows="3"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-xl-12 mb-2">
                <div class="accordion" id="">
                    <div class="accordion-item bg-success-transparent">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button bg-success-gradient" type="button" data-bs-toggle="collapse"
                                data-bs-target="#ligne_collapse" aria-expanded="true" aria-controls="ligne_collapse">

                            </button>
                        </h2>
                        <div id="ligne_collapse" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                            data-bs-parent="#ligne_collapse">
                            <div class="accordion-body">
                                <div class="row">
                                    <div class="col-xl-3">
                                        <p class="mb-0 text-muted">Produit</p>
                                        <select class="form-select" name="produit" id="produit">

                                        </select>
                                    </div>

                                    <div class="col-xl-1">
                                        <p class="mb-0 text-muted">Stock zone</p>
                                        <input type="text" class="form-control" name="stock_agence" id="stock_agence"
                                            value="0" readonly>

                                    </div>
                                    <div class="col-xl-3">
                                        <p class="mb-0 text-muted">Lot</p>
                                        <input type="text" class="form-select" id="IDLOT" name="numlot">
                                        <input type="hidden" class="form-select" name="idNumLot" id="idNumLot">
                                        <input type="hidden" class="form-select" name="idstockagence"
                                            id="idstockagence">
                                        <input type="hidden" class="form-select" name="idstockagence_lot"
                                            id="idstockagence_lot">
                                        <input type="hidden" class="form-select" name="IDTracabiliteStock"
                                            id="IDTracabiliteStock">
                                        <input type="hidden" class="form-select" name="NumeroLotProduit"
                                            id="NumeroLotProduit">

                                    </div>
                                    <div class="col-xl-2">
                                        <p class="mb-0 text-muted">Stock lot zone</p>
                                        <input type="text" class="form-control" name="stock_lot" id="stock_lot"
                                            value="0" readonly>
                                    </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"
                                            name="DatePeremption" readonly>
                                    </div>
                                    <div class="col-xl-1">
                                        <p class="mb-0 text-muted">Qté corrigée</p>
                                        <input type="text" class="form-control" id="QteCorrigee" name="QteCorrigee"
                                            value="0">
                                    </div>
                                    <div class="col-xl-11">
                                        <p class="mb-0 text-muted">Commentaire</p>
                                        <input type="text" class="form-control" id="commentaire_ligne"
                                            name="commentaire_ligne">
                                    </div>
                                        @if (in_array('DS_Correction', session('LISTE_DROIT_ACCESS')))
                                            <div class="col-xl-1" id="btnSubmit">
                                                <button id="btnAdd" class="btn btn-success mt-3 w-100" type="submit" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom"
                                                    data-bs-custom-class="tooltip-success"
                                                    data-bs-trigger="hover"
                                                    title="Ajouter produit">
                                                    <i class='bx bxs-plus-circle'></i>
                                                </button>
                                            </div>
                                        @endif

                                         @if ( isset($CM) && in_array('CM_AjouterMvtStockCMU', session('LISTE_DROIT_ACCESS')))
                                            <div class="col-xl-1" id="btnSubmit">
                                                <button class="btn btn-success mt-3 w-100" type="submit" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom"
                                                    data-bs-custom-class="tooltip-success"
                                                    data-bs-trigger="hover"
                                                    title="Ajouter produit">
                                                    <i class='bx bxs-plus-circle'></i>
                                                </button>
                                            </div>
                                        @endif

                                    <div id="btnSubmitLoad" class="col-xl-1  d-none">
                                        <span role="button"
                                            class="badge bg-success d-flex justify-content-center align-items-center mt-3 w-100"
                                            style="height: 33px; width:60px;">
                                            <span class="spinner-border spinner-border-sm" role="status"
                                                aria-hidden="true"></span>
                                        </span>
                                    </div>
                                </div>

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

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

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

                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped tablehover text-nowrap w-100 openModalProduit no-footer dataTable"
                            id="tableMvtLigne">
                            <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
                                        Produit</th>
                                    <th class="text-center" data-column="DesignationProduit" data-class="text-start">
                                        Désignation</th>
                                    <th class="text-center" data-column="NomLaboratoire" data-class="text-center">
                                        Laboratoire</th>
                                    @if(isset($CM) && in_array('CM_ModifierMvtStockCMU', session('LISTE_DROIT_ACCESS')))
                                        <th class="text-center" data-column="QteAcorriger" data-class="text-center">Qté Corrigée</th>
                                    @endif

                                    @if(in_array('DS_ModifierCorrectionStock', session('LISTE_DROIT_ACCESS')))
                                        <th class="text-center" data-column="QteAcorriger" data-class="text-center">Qté Corrigée</th>
                                    @endif
                                    <th class="text-center" data-column="NumeroLotProduit" data-class="text-center">NTSP
                                    </th>
                                    <th class="text-center" data-column="NumeroLotProduit" data-class="text-center">
                                        Numéro de Lot
                                    </th>
                                    <th class="text-center" data-column="DatePeremption" data-class="text-center">
                                        Péremption
                                    </th>
                                    <th class="text-center" data-column="TauxTaxe" data-class="text-center">TVA</th>
                                    <th class="text-center" data-column="PrixGHT" data-class="text-end">PGHT
                                    </th>
                                    <th class="text-center" data-column="PrixRMP" data-class="text-end">P.
                                        Révient HT</th>
                                    <th class="text-center" data-column="TotalHT" data-class="text-end">Total HT
                                    </th>
                                    <th class="text-center" data-column="TotalTaxe" data-class="text-end">Total
                                        Taxe</th>
                                    <th class="text-center" data-column="TotalTTC" data-class="text-end">Total
                                        TTC</th>
                                    <th class="text-center" data-column="CommentaireCorrectionLigne"
                                        data-class="text-center">
                                        Commentaire
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
@endsection

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

            $("#IDCORRECTION_MOTIF").select2()
            chargerSelectlisteAgence()
            chargerSelectProduit()

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

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

            getData($("#IDCORRECTION").val())
            $("#idSiteEnCours").on("change", function () { 
                if ($("#IDCORRECTION").val() == "") {
                    $("#IDAGENCE").val($(this).val()).change()
                }
             })

            var listeLot = []
            var alldata
            var CorrectionValidee = false

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

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

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

            $("#IDLOT").on('focus', function() {
                $(this).autocomplete("search", "");
            });

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

                $("#stock_agence").val(0)
                $("#IDLOT").val("")
                $("#stock_lot").val(0)
                $("#DatePeremption").val("")

                $.ajax({
                    type: "post",
                    url: "{{ route('stocks.mouvementStock.onlysDetailProduit') }}",
                    data: {
                        IDAGENCE: $("#IDAGENCE").val(),
                        PRODUIT: idprod,
                        IDZONESTOCKAGE: $("#IDZONESTOCKAGE").val(),
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {

                        if(response.error == false && response.data != null){
                            $("#stock_agence").val(response.data.StockTotal_Lot ?? 0)
                            $("#idstockagence").val(response.data.IDSTOCKAGENCE)
                        }
                    },
                    error: function(response) {
                        notifError(response.responseJSON.messages)
                    }
                });
                chargerLot($("#IDAGENCE").val(), idprod, $("#IDZONESTOCKAGE").val())
            })

            $("#IDLOT").autocomplete({
                delay: 500,
                minLength: 0,
                autoFocus: true,
                source: function(request, response) {

                    if (listeLot.length <= 0) {
                      
                        response([{ label: "Aucun lot trouvé", taille: 0, id: 0 }]);
                        return false
                    }

                    response($.map(listeLot, function(item, key) {
                        item.label = item.NumeroLotProduit + " | " + explodeDate(item
                            .DatePeremption) + " | " + item.StockTotal_Lot
                        item.taille = key + 1
                        return item
                    }))
                },
                focus: function(event, ui) {
                    // Optionnel: ajouter des comportements sur le focus de l'élément
                },
                select: function(event, ui) {

                    _('idNumLot').value = parseInt(ui.item.id)
                    _('stock_lot').value = ui.item.StockTotal_Lot
                    _('DatePeremption').value = ui.item.DatePeremption
                    _('idstockagence_lot').value = ui.item.IDSTOCKAGENCE_LOTS
                    _('IDTracabiliteStock').value = ui.item.IDTracabiliteStock
                    _('NumeroLotProduit').value = ui.item.NumeroLotProduit

                    $('#QteCorrigee').focus()
                    $('#QteCorrigee').select()

                    // idstockagence_lot
                }
            }).data("ui-autocomplete")._renderMenu = function(ul, items) {
                // // console.logitems)
                if (items.length === 0 || items[0].taille === 0) {
                    var li = $(
                        "<li style='padding-top: 2px; font-size : 12pt;background : white; text-align : center'> Aucun lot trouvé </li>"
                    )

                    // li.append($div)
                    return li.appendTo(ul)
                } else {

                    var $table = $(`<table class='autocomplete-table'></table>`);
                    var $header = $(`<thead>
                                        <tr>
                                            <th>N° Lot</th>
                                            <th>Date péremption</th>
                                            <th>Stock</th>
                                        </tr>
                                    </thead>`);

                    var $tbody = $("<tbody></tbody>");

                    $table.append($header);
                    $table.append($tbody);
                    ul.append($table);

                    $.each(items, function(index, item) {
                        var $tr = $(
                            "<tr class='ui-menu-item' role='presentation'></tr>"
                        );
                        $tr.data("ui-autocomplete-item", item);
                        $tr.append(
                            "<td class='ui-menu-item-wrapper' style='text-align:center'>" +
                            item.NumeroLotProduit + "</td>");
                        $tr.append(
                            "<td class='ui-menu-item-wrapper' style='text-align:center'>" +
                            item.DatePeremption + "</td>");
                        $tr.append(
                            "<td class='ui-menu-item-wrapper' style='text-align:center'>" +
                            item.StockTotal_Lot + "</td>");

                        $tbody.append($tr);
                    });
                }
            };

            $("#btnValideCorrection").click(function(e) {
                e.preventDefault();
                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('stocks.mouvementStock.validerCorrection') }}",
                            data: {
                                _token: "{{ csrf_token() }}",
                                id: $("#IDCORRECTION").val()
                            },
                            dataType: "json",
                            beforeSend: function() {
                                progressHandler()
                            },
                            success: function(response) {
                                // console.logresponse)
                                if (response.error == false) {
                                    notifSuccess(response.messages)
                                    window.location.href =
                                        "{{ route('stock.mouvementStock.index') }}"
                                    // $("#reload").trigger("click")
                                    return 0
                                }
                                completeHandler()
                            },
                            error: function(response) {
                                completeHandler()
                                // console.logresponse)
                                notifSuccess(response.responseJSON.messages)
                            }
                        });
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la correction ?", {
                        sousTitre: '',
                        infoJNL: "VALIDATION DE CORRECTION",
                        typeJNL: 3,
                        CodeDroit: "DS_ValiderCorrectionStock"
                    })
            });

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

                let id = $(this).data("id")
                let indexLigne =  $("#tableMvtLigne").DataTable().rows().data().toArray()
                let ind = indexLigne.findIndex(item => item.IDCORRECTION_LIGNE == id)

                $.ajax({
                    type: "PUT",
                    url: "{{ route('stocks.mouvementStock.ChangeQte') }}",
                    data: {
                        sens: $("#sensCorrection").val(),
                        Qte: $(this).val(),
                        id: $(this).data("id"),
                        "_token": '{{ csrf_token() }}'
                    },
                    dataType: "json",
                    success: function(response) {
                        // // console.logresponse)
                        if (response.error == false) {
                            tableMvtLigne.row(ind).data(response.data).draw()
                            notifSuccess(response.messages)
                            return
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        notifDanger(response.responseJSON.messages)
                    }
                });
            }).on("click", ".btn-delete", function(evt) {
                confirmMdp("{{ csrf_token() }}",
                    () => {
                        let id = $(this).data("id")
                        deleteMvtLigne([id])
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la suppression des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "SUPPRESSION DE LIGNE DE CORRECTION DE STOCK",
                        typeJNL: 3,
                        CodeDroit: "DS_Correction"
                    })
            }).on("click", "#suppLignesCochéeMvt", function(evt) {
                $idLignes = listeLigneSelectionne("#tableMvtLigne", "#checkLigneMvt")

                if ($idLignes.lenght <= 0) {
                    alertSwal("Cocher une ou plusieurs lignes !!!")
                    return false
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        deleteMvtLigne($idLignes)
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la suppression des lignes cochées ?", {
                        sousTitre: '',
                        infoJNL: "SUPPRESSION DE LIGNE DE CORRECTION DE STOCK",
                        typeJNL: 3,
                        CodeDroit: "DS_Correction"
                    })
            }).on("click", "#btnSupprimerCorrection", function(evt) {
                var id = $("#IDCORRECTION").val();

                if (id == "") {
                    alertSwal("Aucune correction à supprimer !!!")
                    return false
                } 

                if (CorrectionValidee == true) {
                    alertSwal("Vous ne pouvez pas supprimer cette correction !!!")
                    return false
                }

                confirmMdp("{{ csrf_token() }}",
                    () => {
                        $.ajax({
                            type: "delete",
                            url: "{{ route('stocks.mouvementStock.delete') }}",
                            data: {
                                data: [id],
                                _token: "{{ csrf_token() }}"
                            },
                            dataType: "json",
                            success: function(response) {
                                if (response.error == false) {
                                    notifSuccess(response.messages)
                                    window.location.href =
                                        "{{ route('stock.mouvementStock.index') }}";
                                    return false
                                }
                                notifWarning(response.messages)
                            },
                            error: function(response) {
                                notifError(response.responseJSON.messages)
                            }
                        });
                    },
                    null,
                    "Veuillez saisir votre mot de passe pour valider la suppression de la correction ?", {
                        sousTitre: '',
                        infoJNL: "SUPPRESSION DE LIGNE DE CORRECTION DE STOCK",
                        typeJNL: 3,
                        CodeDroit: "DS_Correction"
                    })

            }).on("click", "#btnImprimeMvt", function(evt) {
                var id = $("#IDCORRECTION").val();

                if (id == "") {
                    alertSwal("Cocher une ou plusieurs lignes !!!")
                    return false
                }

                $.ajax({
                    type: "post",
                    url: "{{ route('stocks.mouvementStock.print') }}",
                    data: {
                        data: alldata,
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            var pdfBase64 = response.tablePDF;
                            genererPDF(pdfBase64)
                            return false
                        }
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.logresponse)
                        // notifError(response.responseJSON.messages)
                    }
                });

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

                if (parseInt($("#IDCORRECTION_MOTIF").val()) <= 0) {
                    alertSwal("Veuillez renseigner le motif du mouvement de stock !")
                    return false
                }
                if (parseInt($("#IDZONESTOCKAGE").val()) <= 0) {
                    alertSwal("Veuillez renseigner la zone de stockage concernée !")
                    return false
                }
                if (parseInt($("#produit").val()) <= 0) {
                    alertSwal("Veuillez renseigner le produit à mouvementer !")
                    return false
                }
                if (parseInt($("#QteCorrigee").val()) == 0) {
                    alertSwal("Veuillez renseigner la quantité à mouvementer !")
                    return false
                }
                if (parseInt($("#IDTracabiliteStock").val()) <= 0) {
                    alertSwal("Veuillez sélectionner un NTSP !")
                    return false
                }

                let formData = new FormData(_("formAddMvt"))
                formData.append("IDAGENCE", $("#IDAGENCE").val())
                formData.append("IDZONESTOCKAGE", $("#IDZONESTOCKAGE").val())
                formData.append("IDCORRECTION_MOTIF", $("#IDCORRECTION_MOTIF").val())
                

                $.ajax({
                    type: "post",
                    url: "{{ route('stocks.mouvementStock.ajoutMvt') }}",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    beforeSend: function() {
                        $("#btnSubmit").addClass("d-none")
                        $("#btnSubmitLoad").removeClass("d-none")
                    },
                    success: function(response) {
                        // console.logresponse)
                        if (response.error == false) {

                            $("#IDCORRECTION").val(response.IDCORECTION)
                            $("#DatePeremption").val("")
                            $("#stock_lot").val(0)
                            $("#stock_agence").val(0)
                            $("#QteCorrigee").val(0)
                            $("#commentaire_ligne").val("")
                            $("#IDLOT").val("")
                            $("#produit").val(0).trigger("change")
                            listeLot = []

                            getData(response.IDCORECTION)
                            notifSuccess(response.messages)
                            $("#btnSubmit").removeClass("d-none")
                            $("#btnSubmitLoad").addClass("d-none")
                            return false
                        }
                        $("#btnSubmit").removeClass("d-none")
                        $("#btnSubmitLoad").addClass("d-none")
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        $("#btnSubmit").removeClass("d-none")
                        $("#btnSubmitLoad").addClass("d-none")
                        // // console.logresponse)
                        notifDanger(response.responseJSON.messages)
                    }
                });
            })

            // selection de tout les elements du tableau commande
            _('checkTransfertAll').addEventListener('click', function() {
                let value = this.checked
                let lignes = tableMvtLigne.rows().nodes()
                $(lignes).find('#checkLigneMvt').prop('checked', value)
            })

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

            function getData(idcorrection) {
                if (idcorrection == "") {
                    $("#IDAGENCE").val($("#idSiteEnCours").val()).change()
                    return 0
                }

                $.ajax({
                    type: "GET",
                    url: "{{ route('stocks.mouvementStock.getLine', '') }}/" + idcorrection,

                    dataType: "json",
                    beforeSend: progressHandler(),
                    success: function(response) {
                    
                        if (response.error == false) {
                        

                            alldata = response
                            tableMvtLigne = remplissageDataTable({
                                IdentifiantDuTableau: '#tableMvtLigne',
                                obj: response.correction_ligne
                            })

                            placeboutonPreferenceColonne('tableMvtLigne', 'tableMvtLigneShowColonne', 2)
                            AjouterBoutonSurTableau("#tableMvtLigne",
                                [
                                    `<span class="d-flex align-items-center px-2" id="suppLignesCochéeMvt">
                                        <i class="bx bxs-trash text-danger me-1" style="font-size : 18px; cursor : pointer;"></i>
                                        <span id="labelSuppLignesCochee" class="fw-bold" style="cursor : pointer;">Supp. lignes cochées</span>
                                    </span> 
                                   `
                                ]
                            )

                            CorrectionValidee = response.correction.CorrectionValidee
                            let correction = response.correction

                            
                            if(!$("#zoneBtnValide").hasClass("d-none") && CorrectionValidee == true){
                                $("#zoneBtnValide").addClass('d-none')
                                $("#zoneBtnSupprime").addClass('d-none')
                                $("#btnAdd").prop('disabled', true)
                                $("#CommentaireCorrection").prop('disabled', true)
                            }

                            $("#DateCorrection").val(correction.DateCorrection)
                            $("#NumeroCorrection").val(correction.NumeroCorrection)
                            $("#CommentaireCorrection").val(correction.CommentaireCorrection)
                            $("#IDCORRECTION_MOTIF").val(correction.IDCORRECTION_MOTIF).trigger("change")

                            $("#sensCorrection").val(correction.SensCorrection)
                            $("#IDAGENCE").val(correction.IDAGENCE).change()
                            $("#IDAGENCE").attr("disabled", "disabled")

                            setTimeout(() => {
                                // $("#IDZONESTOCKAGE").html("")
                                $("#IDZONESTOCKAGE").val(correction.IDZONESTOCKAGE).change()
                                $("#IDZONESTOCKAGE").attr("disabled", "disabled")
                            }, 3000);

                            $("#IDCORRECTION_MOTIF").attr("disabled", "disabled")

                            $('#numCorrection').text(correction.NumeroCorrection)
                            $('#nbreLigne').text(formatNumber(response.correction_ligne.length ?? 0))
                            $('#totalHT').text(formatNumber(correction.TotalHTRevient ?? 0))
                            $('#totalTVA').text(formatNumber(correction.TotalTaxeRevient ?? 0))
                            $('#totalTTc').text(formatNumber(correction.TotalTTCRevient ?? 0))
                            completeHandler()
                            return false
                        }
                        completeHandler()
                    },
                    error: function(response) {
                        completeHandler()
                        
                    }
                });
            }

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

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

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

            function chargerSelectProduit() {

                $.ajax({
                    url: '{{ route('listingProduitSimple') }}',
                    type: 'GET',
                    data:{CMU : '{{ $CMU }}'},
                    dataType: 'json',
                    success: function(response) {

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

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

            function chargerLot(site, idproduit, idzoneexpedition) {
                $.ajax({
                    url: "{{ route('stocks.getOnChangeProduit') }}",
                    type: 'POST',
                    data: {
                        site: site,
                        data: idproduit,
                        IDZONESTOCKAGE: idzoneexpedition,
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: 'json',
                    success: function(responses) {
                        // // console.logresponses)
                        // notif("warning", "Attention", response.messages)

                        listeLot = responses
                    },
                    error: function(response) {
                        // // console.logresponse)
                        notifError(response.messages)
                    }
                })
            }

            function deleteMvtLigne(listeID) {

                $.ajax({
                    type: "delete",
                    url: "{{ route('stocks.mouvementStock.deleteLigne') }}",
                    data: {
                        listeID: listeID,
                        "_token": "{{ csrf_token() }}"
                    },
                    beforeSend: progressHandler(),
                    dataType: "json",
                    success: function(response) {
                        if (response.error == false) {
                            completeHandler()
                            getData($("#IDCORRECTION").val())
                            notifSuccess(response.messages)
                            return false
                        }
                        completeHandler()
                        notifWarning(response.messages)
                    },
                    error: function(response) {
                        // console.logresponse)
                        completeHandler()
                        notifWarning(response.responseJSON.messages)
                    }
                });
            }

           
            recuperationPreferenceColonneUtilisateur('tableMvtLigne','tableMvtLigneShowColonne')
            $(document).on('click', '.tableMvtLigneShowColonne', function() {
                appliquerPreferenceColonne('tableMvtLigne', 'tableMvtLigne', $(this),'tableMvtLigneShowColonne')
            })

        })
    </script>
@endsection