@extends('models')
@section('substock')
    open active
@endsection
@section('stock')
    active
@endsection
@section('titre-page', 'Saisir l\'inventaire')
@section('content-body')

    {{--
        Console de comptage pensée pour une tablette (7 pouces et plus) : recherche du produit
        en haut, lots du produit au centre, pavé numérique à portée du pouce, avancement en bas.
        La clôture du comptage n'est pas ici : elle reste sur la fiche inventaire.
    --}}
    <style>
        /* Console plein écran : sur tablette, le menu latéral mange la moitié de la largeur
           utile. L'écran entier va au comptage ; la navigation reste dans le fil d'Ariane. */
        .app-sidebar,
        .sidemenu-toggle {
            display: none !important;
        }

        .app-content {
            margin-inline-start: 0 !important;
        }

        .console-inv {
            --cs-bordure: #e5e7ec;
            --cs-fond: #f7f8f9;
        }

        .console-inv .cs-barre {
            position: sticky;
            top: 45px;
            z-index: 5;
            background: #fff;
            border: 1px solid var(--cs-bordure);
            border-radius: .5rem;
        }

        .console-inv .cs-corps {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 290px;
            gap: .75rem;
            align-items: start;
        }

        .console-inv .cs-lots {
            min-height: 24rem;
        }

        /* --- Une case de comptage = une ligne de lot, taille tactile --- */
        .console-inv .cs-lot {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 5.5rem 5.5rem 5.5rem 2.75rem;
            gap: .5rem;
            align-items: center;
            width: 100%;
            text-align: left;
            background: #fff;
            border: 1px solid var(--cs-bordure);
            border-left: 4px solid transparent;
            border-radius: .5rem;
            padding: .6rem .75rem;
            margin-bottom: .5rem;
            min-height: 4rem;
            cursor: pointer;
        }

        .console-inv .cs-lot:hover {
            background: var(--primary005);
        }

        .console-inv .cs-lot.active {
            border-color: var(--primary-color);
            border-left-color: var(--primary-color);
            box-shadow: 0 0 0 .2rem var(--primary02);
        }

        .console-inv .cs-lot.compte {
            border-left-color: rgb(var(--success-rgb));
        }

        .console-inv .cs-lot.divergent {
            border-left-color: rgb(var(--warning-rgb));
        }

        .console-inv .cs-lot .cs-num {
            font-weight: 600;
            font-size: 1rem;
        }

        .console-inv .cs-lot .cs-meta {
            font-size: .75rem;
            color: #8c9097;
        }

        .console-inv .cs-val {
            text-align: right;
            font-variant-numeric: tabular-nums;
            font-size: 1.15rem;
            font-weight: 600;
        }

        .console-inv .cs-val small {
            display: block;
            font-size: .68rem;
            font-weight: 500;
            color: #8c9097;
        }

        .console-inv .cs-vide {
            color: #c2c4cc;
        }

        /* --- Pavé numérique --- */
        .console-inv .cs-pave {
            position: sticky;
            top: 7.5rem;
            background: #fff;
            border: 1px solid var(--cs-bordure);
            border-radius: .5rem;
            padding: .6rem;
        }

        .console-inv .cs-ecran {
            background: #232323;
            color: #fff;
            border-radius: .4rem;
            padding: .6rem .75rem;
            margin-bottom: .6rem;
        }

        .console-inv .cs-ecran .cs-cible {
            font-size: .72rem;
            opacity: .7;
            line-height: 1.2;
        }

        .console-inv .cs-ecran .cs-saisie {
            font-size: 2rem;
            font-weight: 700;
            font-variant-numeric: tabular-nums;
            line-height: 1.2;
        }

        .console-inv .cs-touches {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: .4rem;
        }

        .console-inv .cs-touche {
            height: 3.4rem;
            font-size: 1.35rem;
            font-weight: 600;
            border: 1px solid var(--cs-bordure);
            border-radius: .45rem;
            background: var(--cs-fond);
            color: var(--default-text-color);
        }

        .console-inv .cs-touche:active {
            background: var(--primary01);
        }

        .console-inv .cs-pave .btn {
            min-height: 2.9rem;
        }

        /* --- Barre d'avancement --- */
        .console-inv .cs-pied {
            position: sticky;
            bottom: 0;
            z-index: 5;
            background: #fff;
            border: 1px solid var(--cs-bordure);
            border-radius: .5rem;
        }

        /* Tablette 7 à 10 pouces : le pavé passe sous la liste et reste à portée. */
        @media (max-width: 991.98px) {
            .console-inv .cs-corps {
                grid-template-columns: minmax(0, 1fr);
            }

            .console-inv .cs-pave {
                position: sticky;
                bottom: 0;
                top: auto;
            }

            .console-inv .cs-touches {
                grid-template-columns: repeat(6, 1fr);
            }

            .console-inv .cs-touche {
                height: 3rem;
                font-size: 1.2rem;
            }
        }

        @media (max-width: 575.98px) {
            .console-inv .cs-lot {
                grid-template-columns: minmax(0, 1fr) 4.2rem 4.2rem 2.5rem;
            }

            .console-inv .cs-lot .cs-col-stock {
                display: none;
            }
        }
    </style>

    <input type="hidden" id="IDINVENTAIRE" value="{{ $INVENTAIRE->IDINVENTAIRE }}">
    <input type="hidden" id="IDAGENCE_INVENTAIRE" value="{{ $INVENTAIRE->IDAGENCE }}">
    <input type="hidden" id="zoneSaisie" value="{{ $ZONESTOCKAGE->IDZONESTOCKAGE }}">
    <input type="hidden" id="ligneAReprendre" value="{{ $IDLigne }}">

    <div class="console-inv">

        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
            <div class="col-xl-12 col-12">
                <div class="row mb-2">
                    <div class="col-xl-8 col-lg-8 col-md-7 mt-2">
                        <nav>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item text-light">
                                    <a href="{{ route('stock.inventaireSocks.index') }}">Inventaire de stocks</a>
                                </li>
                                <li class="breadcrumb-item text-light">
                                    <a
                                        href="{{ route('stock.inventaireSocks.saisieSimplifiee', $INVENTAIRE->IDINVENTAIRE) }}?zone={{ $ZONESTOCKAGE->IDZONESTOCKAGE }}">Saisie
                                        simplifiée</a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">Saisir l'inventaire</li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-5 mt-md-0 mt-2">
                        <div class="row justify-content-end">
                            <div class="col-12">
                                <a href="{{ route('stock.inventaireSocks.saisieSimplifiee', $INVENTAIRE->IDINVENTAIRE) }}?zone={{ $ZONESTOCKAGE->IDZONESTOCKAGE }}"
                                    class="btn btn-wave waves-effect waves-light btn-outline-secondary w-100">
                                    <i class="bx bx-arrow-back me-1"></i> Retour à la saisie simplifiée
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Page Header Close -->

        {{-- ============================ CONTEXTE + RECHERCHE ============================ --}}
        <div class="cs-barre p-2 mb-2">
            <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
                <span class="fw-semibold">Inventaire N° {{ $INVENTAIRE->NumeroInventaire }}</span>
                <span class="badge bg-info-transparent">{{ $INVENTAIRE->NomAgence }}</span>
                <span class="badge bg-primary-transparent">Zone : {{ $ZONESTOCKAGE->NomZoneStockage }}</span>
                <span class="badge bg-success-transparent">
                    {{ $RangComptage == 4 ? 'COMPTAGE 800' : 'COMPTAGE ' . $RangComptage }}
                </span>
                <span class="text-muted ms-auto" style="font-size: 8.5pt">
                    <i class="bx bx-info-circle"></i> Le comptage et sa clôture se pilotent depuis la fiche inventaire.
                </span>
            </div>

            <div class="row g-2 align-items-end">
                <div class="col-xl-7 col-lg-6 col-md-12">
                    <p class="mb-0 text-muted" style="font-size: 8.5pt">Produit — désignation, code CIP ou code barre
                    </p>
                    <select class="form-select" id="produitConsole"></select>
                </div>
                <div class="col-xl-3 col-lg-3 col-6">
                    <button class="btn btn-outline-primary w-100" id="btnDernierProduit" style="min-height: 2.6rem">
                        <i class="bx bx-history"></i> &nbsp;Dernier produit
                    </button>
                </div>
                <div class="col-xl-2 col-lg-3 col-6">
                    <button class="btn btn-outline-success w-100" id="btnNouveauLot" disabled
                        style="min-height: 2.6rem">
                        <i class="bx bx-plus-circle"></i> &nbsp;Nouveau lot
                    </button>
                </div>
            </div>
        </div>

        {{-- ============================ FORMULAIRE LOT (repliable) ============================ --}}
        <div class="card custom-card mb-2 d-none" id="carteLot">
            <div class="card-body p-2">
                <input type="hidden" id="lotEnCours" value="">
                <div class="row g-2 align-items-end">
                    <div class="col-xl-3 col-md-6">
                        <p class="mb-0 text-muted" style="font-size: 8.5pt">Numéro de lot <span
                                class="text-danger">*</span></p>
                        <input type="text" class="form-control" id="numeroLot">
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <p class="mb-0 text-muted" style="font-size: 8.5pt">Date de péremption <span
                                class="text-danger">*</span></p>
                        <input type="date" class="form-control text-center" id="datePeremption">
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <p class="mb-0 text-muted" style="font-size: 8.5pt">Emplacement</p>
                        <select class="form-select" id="emplacementLot"></select>
                    </div>
                    <div class="col-xl-3 col-md-6 d-flex gap-2">
                        <button class="btn btn-secondary w-50" id="btnAnnulerLot">Annuler</button>
                        <button class="btn btn-primary w-50" id="btnValiderLot">Appliquer</button>
                    </div>
                    <div class="col-12 text-muted" style="font-size: 8.5pt" id="aideLot"></div>
                </div>
            </div>
        </div>

        {{-- ============================ LOTS + PAVE ============================ --}}
        <div class="cs-corps">

            <div class="card custom-card cs-lots mb-2">
                <div class="card-header p-2 d-flex flex-wrap align-items-center gap-2">
                    <span class="fw-semibold" id="titreProduit">Aucun produit sélectionné</span>
                    <span class="badge bg-light text-muted d-none" id="cipProduit"></span>
                </div>
                <div class="card-body p-2">
                    <div id="listeLots">
                        <div class="text-center text-muted py-5">
                            <i class="bx bx-layer" style="font-size: 2.5rem"></i>
                            <div class="fw-semibold mt-2 text-dark">Choisissez un produit pour afficher ses lots</div>
                            <div style="font-size: 9pt">
                                Tapez une désignation, un code CIP ou lisez un code barre.<br>
                                Les lots du produit s'affichent avec le stock théorique et le comptage déjà saisi.
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="cs-pave mb-2">
                <div class="cs-ecran">
                    <div class="cs-cible" id="paveCible">Aucune saisie en cours</div>
                    <div class="cs-saisie" id="paveSaisie">—</div>
                </div>

                <div class="cs-touches mb-2">
                    <button class="cs-touche" data-touche="7">7</button>
                    <button class="cs-touche" data-touche="8">8</button>
                    <button class="cs-touche" data-touche="9">9</button>
                    <button class="cs-touche" data-touche="4">4</button>
                    <button class="cs-touche" data-touche="5">5</button>
                    <button class="cs-touche" data-touche="6">6</button>
                    <button class="cs-touche" data-touche="1">1</button>
                    <button class="cs-touche" data-touche="2">2</button>
                    <button class="cs-touche" data-touche="3">3</button>
                    <button class="cs-touche" data-touche="00">00</button>
                    <button class="cs-touche" data-touche="0">0</button>
                    <button class="cs-touche" data-touche="effacer"><i class="bx bx-left-arrow-alt"></i></button>
                </div>

                <button class="btn btn-outline-secondary w-100 mb-2" id="btnReprendreTheorique" disabled>
                    Reprendre le théorique
                </button>
                <button class="btn btn-success w-100" id="btnValiderDescendre" disabled>
                    <i class="bx bx-check"></i> &nbsp;Valider et descendre
                </button>
            </div>
        </div>

        {{-- ============================ AVANCEMENT ============================ --}}
        <div class="cs-pied p-2 mt-1">
            <div class="row g-2 text-center text-md-start">
                <div class="col-md-5 col-12">
                    <div class="text-muted" style="font-size: 8.5pt">Avancement du comptage dans la zone</div>
                    <div class="fw-semibold" id="avancementTexte">— / — lots</div>
                    <div class="progress progress-xs mt-1">
                        <div class="progress-bar bg-primary" id="avancementBarre" style="width: 0%"></div>
                    </div>
                </div>
                <div class="col-md-3 col-6">
                    <div class="text-muted" style="font-size: 8.5pt">Écart net (produit affiché)</div>
                    <div class="fw-semibold fs-5" id="ecartNet">—</div>
                </div>
                <div class="col-md-2 col-6">
                    <div class="text-muted" style="font-size: 8.5pt">Lots en divergence</div>
                    <div class="fw-semibold fs-5" id="lotsDivergents">0</div>
                </div>
                <div class="col-md-2 col-12 d-flex align-items-center justify-content-md-end">
                    <span class="text-muted" style="font-size: 8pt">
                        La clôture du comptage se fait sur la fiche inventaire.
                    </span>
                </div>
            </div>
        </div>

    </div>

@endsection

@section('script')
    <script>
        $(function() {

            // Lots du produit affiché, dans l'ordre de la liste.
            var lots = []
            // Indice du lot dont la case de comptage est ouverte, -1 si aucune.
            var indiceActif = -1
            // Chiffres frappés au pavé ; vide tant que rien n'a été tapé.
            var frappe = ""
            // Produit affiché.
            var produitAffiche = null
            // "nouveau" ou "modification" selon ce que le formulaire de lot est en train de faire.
            var modeLot = "nouveau"

            var cleDernierProduit = "inv_dernier_produit_{{ $INVENTAIRE->IDINVENTAIRE }}_{{ $ZONESTOCKAGE->IDZONESTOCKAGE }}"

            /* ============================ RENDU ============================ */

            function nombre(valeur) {
                return formatNumberPerf(valeur)
            }

            function ligneLot(lot, indice) {

                let compte = lot.QteComptee !== null
                let divergent = compte && lot.Ecart != 0

                let classes = "cs-lot"
                if (indice == indiceActif) classes += " active"
                if (divergent) classes += " divergent"
                else if (compte) classes += " compte"

                let ecart = ""
                if (compte) {
                    let couleur = lot.Ecart > 0 ? "text-warning" : (lot.Ecart < 0 ? "text-danger" : "text-success")
                    ecart = `<span class="${couleur}">${lot.Ecart > 0 ? '+' : ''}${nombre(lot.Ecart)}</span>`
                } else {
                    ecart = `<span class="cs-vide">—</span>`
                }

                let aCreer = lot.lotACreer ?
                    `<span class="badge bg-warning-transparent ms-1" style="font-size:7.5pt">à créer</span>` : ""

                return `
                <div class="${classes}" data-indice="${indice}">
                    <div style="min-width:0">
                        <div class="cs-num text-truncate">${lot.NumeroLot || '(sans numéro)'} ${aCreer}</div>
                        <div class="cs-meta text-truncate">
                            Péremption ${lot.DatePeremptionFormatee || '—'}
                            &nbsp;·&nbsp; Empl. ${lot.NomEmplacement || '—'}
                            ${lot.NumeroTracabilite ? '&nbsp;·&nbsp; NTSP ' + lot.NumeroTracabilite : ''}
                        </div>
                    </div>
                    <div class="cs-val cs-col-stock"><small>Théorique</small>${nombre(lot.StockTheorique)}</div>
                    <div class="cs-val"><small>Compté</small>${compte ? nombre(lot.QteComptee) : '<span class="cs-vide">—</span>'}</div>
                    <div class="cs-val"><small>Écart</small>${ecart}</div>
                    <div class="text-center">
                        <span class="btn btn-sm btn-outline-warning btn-icon btnModifierLot" data-indice="${indice}"
                            title="Corriger le lot, la péremption ou l'emplacement">
                            <i class="bx bx-edit" style="font-size:14px"></i>
                        </span>
                    </div>
                </div>`
            }

            function afficherLots() {

                if (produitAffiche == null) {
                    return false
                }

                if (lots.length == 0) {
                    $("#listeLots").html(`
                        <div class="text-center text-muted py-5">
                            <i class="bx bx-package" style="font-size: 2.5rem"></i>
                            <div class="fw-semibold mt-2 text-dark">Aucun lot pour ce produit</div>
                            <div style="font-size: 9pt">Utilisez « Nouveau lot » pour saisir un lot absent du stock.</div>
                        </div>`)
                } else {
                    $("#listeLots").html(lots.map(ligneLot).join(""))
                }

                majIndicateurs()
                majPave()
            }

            function majIndicateurs() {

                let ecartNet = 0
                let divergents = 0

                $.each(lots, function(index, lot) {
                    if (lot.QteComptee !== null) {
                        ecartNet += lot.Ecart
                        if (lot.Ecart != 0) divergents++
                    }
                })

                $("#ecartNet").html(lots.length == 0 ? "—" :
                    `<span class="${ecartNet > 0 ? 'text-warning' : (ecartNet < 0 ? 'text-danger' : 'text-success')}">${ecartNet > 0 ? '+' : ''}${nombre(ecartNet)}</span>`
                )
                $("#lotsDivergents").text(divergents)
            }

            function majAvancement(avancement) {
                if (avancement == undefined) return false
                let pourcentage = avancement.lotsZone > 0 ? Math.round(avancement.lotsComptes / avancement
                    .lotsZone * 100) : 0
                $("#avancementTexte").text(
                    `${nombre(avancement.lotsComptes)} / ${nombre(avancement.lotsZone)} lots`)
                $("#avancementBarre").css("width", pourcentage + "%")
            }

            function majPave() {

                let lot = lots[indiceActif]

                if (lot == undefined) {
                    indiceActif = -1
                    frappe = ""
                    $("#paveCible").text("Aucune saisie en cours")
                    $("#paveSaisie").text("—")
                    $("#btnValiderDescendre, #btnReprendreTheorique").prop("disabled", true)
                    return false
                }

                $("#paveCible").html(
                    `Lot ${lot.NumeroLot || '(sans numéro)'} · théorique ${nombre(lot.StockTheorique)}`)
                $("#paveSaisie").text(frappe !== "" ? nombre(parseInt(frappe, 10)) :
                    (lot.QteComptee !== null ? nombre(lot.QteComptee) : "0"))
                $("#btnValiderDescendre, #btnReprendreTheorique").prop("disabled", false)
            }

            function choisirLot(indice) {
                indiceActif = indice
                frappe = ""
                $(".cs-lot").removeClass("active")
                $(`.cs-lot[data-indice="${indice}"]`).addClass("active")
                majPave()
            }

            /* ============================ CHARGEMENTS ============================ */

            function chargerEmplacements() {
                return $.ajax({
                    type: "GET",
                    url: "{{ route('stock.getEmplParRack', '') }}/" + $("#zoneSaisie").val(),
                    data: {
                        isRack: 0,
                        IDAGENCE: $("#IDAGENCE_INVENTAIRE").val(),
                    },
                    dataType: "json",
                    success: function(response) {
                        $("#emplacementLot").html('<option value="0">AUCUN</option>')
                        if (response.error == false) {
                            $.each(response.data, function(index, emplacement) {
                                $("#emplacementLot").append(
                                    `<option value="${emplacement.IDEMPLACEMENT}">${emplacement.NomEmplacement}</option>`
                                )
                            })
                        }
                    }
                });
            }

            function chargerLots(idProduit, indiceASelectionner) {

                $.ajax({
                    type: "GET",
                    url: "{{ route('stock.saisieSimplifiee.lotsProduit') }}",
                    data: {
                        IDINVENTAIRE: $("#IDINVENTAIRE").val(),
                        IDZONESTOCKAGE: $("#zoneSaisie").val(),
                        IDPRODUIT: idProduit,
                    },
                    dataType: "json",
                    success: function(response) {

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

                        produitAffiche = response.produit
                        lots = response.lots

                        sessionStorage.setItem(cleDernierProduit, idProduit)

                        $("#titreProduit").text(produitAffiche.DesignationProduit)
                        $("#cipProduit").text("CIP " + (produitAffiche.CodeCipProduit1 ?? "")).removeClass(
                            "d-none")
                        $("#btnNouveauLot").prop("disabled", false)

                        indiceActif = -1
                        frappe = ""

                        afficherLots()
                        majAvancement(response.avancement)

                        // Après une validation, la saisie descend sur le lot suivant.
                        if (indiceASelectionner != null && lots[indiceASelectionner] != undefined) {
                            choisirLot(indiceASelectionner)
                        } else if (lots.length > 0) {
                            choisirLot(premierLotNonCompte())
                        }
                    },
                    error: function() {
                        notifWarning("Impossible de charger les lots du produit !")
                    }
                });
            }

            function premierLotNonCompte() {
                for (let i = 0; i < lots.length; i++) {
                    if (lots[i].QteComptee === null) return i
                }
                return 0
            }

            /* ============================ PRODUIT ============================ */

            initSelect2ProduitAjax("#produitConsole", {
                labelFirst: "-- CHOISIR UN PRODUIT --",
                CMU: {{ $INVENTAIRE->InventaireCMU ? 'true' : 'false' }},
            })

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

                if ($(this).val() == "" || $(this).val() == "0") {
                    return false
                }

                masquerFormulaireLot()
                chargerLots($(this).val(), null)
            })

            $(document).on("click", "#btnDernierProduit", function() {
                let dernier = sessionStorage.getItem(cleDernierProduit)
                if (!dernier) {
                    notifWarning("Aucun produit saisi pour l'instant sur cette zone.")
                    return false
                }
                preselectProduitSelect2("#produitConsole", dernier)
            })

            /* ============================ CASES DE COMPTAGE ============================ */

            $(document).on("click", ".cs-lot", function(evt) {
                if ($(evt.target).closest(".btnModifierLot").length > 0) {
                    return false
                }
                choisirLot(parseInt($(this).data("indice"), 10))
            })

            $(document).on("click", ".cs-touche", function() {

                if (indiceActif < 0) {
                    return false
                }

                let touche = String($(this).data("touche"))

                if (touche == "effacer") {
                    frappe = frappe.slice(0, -1)
                } else {
                    // 6 chiffres : au-delà, ce n'est plus un comptage, c'est une faute de frappe.
                    if (frappe.length + touche.length <= 6) {
                        frappe += touche
                    }
                }

                majPave()
            })

            $(document).on("click", "#btnReprendreTheorique", function() {
                if (indiceActif < 0) return false
                frappe = String(lots[indiceActif].StockTheorique)
                majPave()
            })

            // Clavier physique : les douchettes et claviers USB restent utilisables.
            $(document).on("keydown", function(evt) {

                if (indiceActif < 0 || $(evt.target).is("input, select, textarea")) {
                    return
                }

                if (evt.key >= "0" && evt.key <= "9") {
                    if (frappe.length < 6) frappe += evt.key
                    majPave()
                } else if (evt.key == "Backspace") {
                    evt.preventDefault()
                    frappe = frappe.slice(0, -1)
                    majPave()
                } else if (evt.key == "Enter") {
                    evt.preventDefault()
                    $("#btnValiderDescendre").click()
                }
            })

            /* ============================ ENREGISTREMENT ============================ */

            $(document).on("click", "#btnValiderDescendre", function() {

                if (indiceActif < 0) {
                    return false
                }

                let lot = lots[indiceActif]

                // Rien de frappé : sur un lot jamais compté il n'y a rien à enregistrer -- un
                // zéro se tape, il ne s'obtient pas par inadvertance. Sur un lot déjà compté,
                // on descend simplement au suivant.
                if (frappe === "") {
                    if (lot.QteComptee === null) {
                        alertSwal("Tapez la quantité comptée — 0 si le lot est absent du rayon.")
                        return false
                    }
                    if (indiceActif + 1 < lots.length) {
                        choisirLot(indiceActif + 1)
                    }
                    return false
                }

                let quantite = parseInt(frappe, 10)

                if (lot.NumeroLot == "") {
                    alertSwal("Ce lot n'a pas de numéro : corrigez-le avant de le compter.")
                    return false
                }

                if (lot.DatePeremption == "") {
                    alertSwal("Ce lot n'a pas de date de péremption : corrigez-le avant de le compter.")
                    return false
                }

                let suivant = indiceActif + 1 < lots.length ? indiceActif + 1 : indiceActif

                // Lot déjà compté : la quantité remplace la précédente. Premier comptage du
                // lot : la ligne est créée. Ce sont les deux chemins déjà en place.
                let route = "{{ route('stock.saisieSimplifiee.ajouter') }}"
                let methode = "POST"

                let donnees = {
                    _token: "{{ csrf_token() }}",
                    IDInven: $("#IDINVENTAIRE").val(),
                    IDZONESTOCKAGE: $("#zoneSaisie").val(),
                    ProdAjoute: produitAffiche.IDPRODUIT,
                    IDSTOCKAGENCE_LOTS: lot.IDSTOCKAGENCE_LOTS,
                    IDTracabiliteStock: lot.IDTracabiliteStock,
                    NumeroLotProduit: lot.NumeroLot,
                    DatePeremption: lot.DatePeremption,
                    IDEmp: lot.IDEMPLACEMENT,
                    QteComptee: quantite,
                }

                if (lot.IDINVENTAIRE_LIGNE_ZONE != "0") {
                    route = "{{ route('stock.saisieSimplifiee.modifier') }}"
                    methode = "PUT"
                    donnees.IDINVENTAIRE_LIGNE_ZONE = lot.IDINVENTAIRE_LIGNE_ZONE
                }

                $.ajax({
                    type: methode,
                    url: route,
                    data: donnees,
                    dataType: "JSON",
                    beforeSend: progressHandler(),
                    success: function(response) {

                        completeHandler()

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

                        chargerLots(produitAffiche.IDPRODUIT, suivant)
                    },
                    error: function(response) {
                        completeHandler()
                        notifWarning(response.responseJSON?.messages ?? "Une erreur est survenue !")
                    }
                });
            })

            /* ============================ LOT : CREATION ET CORRECTION ============================ */

            function afficherFormulaireLot(mode, lot) {

                modeLot = mode

                $("#numeroLot").val(lot != null ? lot.NumeroLot : "")
                $("#datePeremption").val(lot != null ? lot.DatePeremption : "")
                $("#emplacementLot").val(lot != null ? lot.IDEMPLACEMENT : "0")
                $("#lotEnCours").val(lot != null ? String(lot.indice) : "")

                $("#aideLot").text(mode == "nouveau" ?
                    "Ce lot n'existe pas encore en stock : il sera créé à la mise à jour des stocks de l'inventaire." :
                    "La correction porte sur la ligne d'inventaire ; le lot du stock n'est pas modifié.")

                $("#carteLot").removeClass("d-none")
                $("#numeroLot").focus()
            }

            function masquerFormulaireLot() {
                $("#carteLot").addClass("d-none")
                $("#lotEnCours").val("")
            }

            $(document).on("click", "#btnNouveauLot", function() {
                if (produitAffiche == null) return false
                afficherFormulaireLot("nouveau", null)
            })

            $(document).on("click", ".btnModifierLot", function() {
                let indice = parseInt($(this).data("indice"), 10)
                let lot = lots[indice]
                if (lot == undefined) return false
                lot.indice = indice
                choisirLot(indice)
                afficherFormulaireLot("modification", lot)
            })

            $(document).on("click", "#btnAnnulerLot", function() {
                masquerFormulaireLot()
            })

            $(document).on("click", "#btnValiderLot", function() {

                let numero = $("#numeroLot").val().trim()
                let peremption = $("#datePeremption").val()

                if (numero == "") {
                    alertSwal("Veuillez renseigner le numéro de lot !")
                    return false
                }

                if (peremption == "") {
                    alertSwal("Veuillez renseigner la date de péremption !")
                    return false
                }

                if (modeLot == "nouveau") {

                    // Le lot rejoint la liste sans aller au serveur : il n'existera dans
                    // l'inventaire qu'une fois sa quantité validée.
                    lots.push({
                        IDINVENTAIRE_LIGNE_ZONE: "0",
                        IDSTOCKAGENCE_LOTS: "0",
                        IDTracabiliteStock: "0",
                        NumeroLot: numero,
                        NumeroTracabilite: "",
                        DatePeremption: peremption,
                        DatePeremptionFormatee: peremption.split("-").reverse().join("/"),
                        IDEMPLACEMENT: $("#emplacementLot").val(),
                        NomEmplacement: $("#emplacementLot option:selected").text(),
                        StockTheorique: 0,
                        QteComptee: null,
                        Ecart: null,
                        lotACreer: true,
                    })

                    masquerFormulaireLot()
                    afficherLots()
                    choisirLot(lots.length - 1)
                    return false
                }

                let indice = parseInt($("#lotEnCours").val(), 10)
                let lot = lots[indice]

                if (lot == undefined) {
                    masquerFormulaireLot()
                    return false
                }

                lot.NumeroLot = numero
                lot.DatePeremption = peremption
                lot.DatePeremptionFormatee = peremption.split("-").reverse().join("/")
                lot.IDEMPLACEMENT = $("#emplacementLot").val()
                lot.NomEmplacement = $("#emplacementLot option:selected").text()

                // Ligne déjà enregistrée : la correction part tout de suite au serveur.
                if (lot.IDINVENTAIRE_LIGNE_ZONE != "0") {
                    $.ajax({
                        type: "PUT",
                        url: "{{ route('stock.saisieSimplifiee.modifier') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            IDINVENTAIRE_LIGNE_ZONE: lot.IDINVENTAIRE_LIGNE_ZONE,
                            NumeroLotProduit: lot.NumeroLot,
                            DatePeremption: lot.DatePeremption,
                            IDEmp: lot.IDEMPLACEMENT,
                            QteComptee: lot.QteComptee !== null ? lot.QteComptee : 0,
                        },
                        dataType: "JSON",
                        beforeSend: progressHandler(),
                        success: function(response) {
                            completeHandler()
                            if (response.error == true) {
                                notifWarning(response.messages)
                                return false
                            }
                            notifSuccess(response.messages)
                            masquerFormulaireLot()
                            chargerLots(produitAffiche.IDPRODUIT, indice)
                        },
                        error: function(response) {
                            completeHandler()
                            notifWarning(response.responseJSON?.messages ??
                                "Une erreur est survenue !")
                        }
                    });
                    return false
                }

                masquerFormulaireLot()
                afficherLots()
                choisirLot(indice)
            })

            /* ============================ DEMARRAGE ============================ */

            chargerEmplacements().then(function() {
                // Arrivée depuis le bouton « Modifier » de l'écran précédent : on ouvre le
                // produit de cette ligne.
                let idLigne = $("#ligneAReprendre").val()

                if (idLigne != "0" && idLigne != "") {
                    $.getJSON("{{ route('stock.saisieSimplifiee.lignes') }}", {
                        IDINVENTAIRE: $("#IDINVENTAIRE").val(),
                        IDZONESTOCKAGE: $("#zoneSaisie").val(),
                    }).then(function(reponse) {
                        let ligne = (reponse.data || []).find(l => l.IDINVENTAIRE_LIGNE_ZONE ==
                            idLigne)
                        if (ligne) {
                            preselectProduitSelect2("#produitConsole", ligne.IDPRODUIT)
                        }
                    })
                }
            })
        })
    </script>
@endsection