$(document).ready(function () {
    // ===================
    // GLOBAL STATE
    // ===================
    let partMatrice = {};
    let unsavedChanges = false;
    let matrici = [];
    let macroMatrici = [];
    let quotations = [];
    let partsExtraField = null; // {field_id, field_label} oppure null
    let extraFieldOptions = []; // [{id,label}]
    let isLoadingPartsRecord = false;

    // --- ROW ID helpers: niente più cache impazzita di jQuery .data() ---
    function getPartId($row) {
        // Legge in ordine: cache jQuery, nostra cache, attributo
        const d = $row.data("part-id");
        const ours = $row.data("__pid");
        const attr = $row.attr("data-part-id");

        // Scegli il primo definito
        const id =
            d !== undefined
                ? d
                : ours !== undefined
                  ? ours
                  : attr !== undefined
                    ? attr
                    : null;

        // Normalizza: "new" o "" NON sono ID validi
        return id === "new" || id === "" || id === null ? null : id;
    }

    function loadPartsExtraField(iddatadb, done) {
        partsExtraField = null;

        if (!iddatadb) return done();

        $.ajax({
            url: "get_parts_extra_field.php",
            method: "GET",
            dataType: "json",
            data: { iddatadb },
            success: function (res) {
                partsExtraField =
                    res && res.success && res.field ? res.field : null;

                if (
                    partsExtraField &&
                    (partsExtraField.data_type || "").toLowerCase() ===
                        "sceltamultipla"
                ) {
                    loadExtraFieldOptions(
                        String(partsExtraField.field_id),
                        function () {
                            applyExtraFieldColumn();
                            done();
                        },
                    );
                } else {
                    applyExtraFieldColumn();
                    done();
                }
            },
            error: function () {
                partsExtraField = null;
                applyExtraFieldColumn();
                done();
            },
        });
    }

    function loadExtraFieldOptions(fieldId, done) {
        extraFieldOptions = [];
        if (!fieldId) return done();

        $.ajax({
            url: "get_customfield_values.php",
            method: "GET",
            dataType: "json",
            data: { field_ids: fieldId },
            success: function (res) {
                const arr = res && res[fieldId] ? res[fieldId] : [];

                extraFieldOptions = (arr || [])
                    .map((x) => ({
                        id: x.IdCustomFieldsValue,
                        label: x.Valore || "",
                    }))
                    .sort((a, b) =>
                        a.label.localeCompare(b.label, "it", {
                            sensitivity: "base",
                            numeric: true,
                        }),
                    );

                done();
            },
            error: function () {
                extraFieldOptions = [];
                done();
            },
        });
    }

    function buildExtraFieldCellHtml($row = null) {
        if (!partsExtraField) return "";

        const selectedValueId = $row ? $row.data("extra-value-id") || "" : "";
        const selectedValueText = $row
            ? $row.data("extra-value-text") || ""
            : "";

        // SceltaMultipla -> select + hidden value id
        if (
            (partsExtraField.data_type || "").toLowerCase() === "sceltamultipla"
        ) {
            const opts = [`<option value="">Select…</option>`]
                .concat(
                    extraFieldOptions.map(
                        (o) =>
                            `<option value="${o.id}" ${String(o.id) === String(selectedValueId) ? "selected" : ""}>${o.label}</option>`,
                    ),
                )
                .join("");

            return `
            <td class="extra-field-td" style="width:200px;">
                <input type="hidden" class="part-extra-field-id" value="${partsExtraField.field_id}">
                <input type="hidden" class="part-extra-value-id" value="${selectedValueId || ""}">
                <select class="form-control form-control-sm part-extra-select" data-selected="${selectedValueId || ""}">${opts}</select>
            </td>`;
        }

        // Testo -> input + hidden field_id
        return `
        <td class="extra-field-td" style="width:200px;">
            <input type="hidden" class="part-extra-field-id" value="${partsExtraField.field_id}">
            <input type="text" class="form-control form-control-sm part-extra-field" data-type="${partsExtraField.data_type || ""}" value="${selectedValueText || ""}">
        </td>`;
    }

    function buildExtraFieldHeaderHtml() {
        if (!partsExtraField) return "";

        const label = partsExtraField.field_label || "Extra";

        // SceltaMultipla: titolo sopra, select + bottone sotto
        if (
            (partsExtraField.data_type || "").toLowerCase() === "sceltamultipla"
        ) {
            const opts = [`<option value="">Select…</option>`]
                .concat(
                    extraFieldOptions.map(
                        (o) => `<option value="${o.id}">${o.label}</option>`,
                    ),
                )
                .join("");

            return `
            <th class="extra-field-th">
                <div class="extra-propagate-wrapper">
                    <div class="extra-propagate-label" title="${label}">
                        ${label}
                    </div>
                    <div class="extra-propagate-control">
                        <select class="form-control form-control-sm extra-propagate-select">
                            ${opts}
                        </select>
                        <button type="button" class="btn btn-primary btn-sm extra-propagate-btn" title="Propaga a tutte le parti">
                            <i class="fas fa-arrow-down"></i>
                        </button>
                    </div>
                </div>
            </th>`;
        }

        // Campo testo: titolo sopra, input + bottone sotto
        return `
        <th class="extra-field-th">
            <div class="extra-propagate-wrapper">
                <div class="extra-propagate-label" title="${label}">
                    ${label}
                </div>
                <div class="extra-propagate-control">
                    <input type="text" class="form-control form-control-sm extra-propagate-input" placeholder="Value">
                    <button type="button" class="btn btn-primary btn-sm extra-propagate-btn" title="Propaga a tutte le parti">
                        <i class="fas fa-arrow-down"></i>
                    </button>
                </div>
            </div>
        </th>`;
    }

    function initializeExtraFieldSelect2($context) {
        if (typeof $.fn.select2 === "undefined") return;

        $context.find(".part-extra-select").each(function () {
            const $select = $(this);

            if ($select.hasClass("select2-hidden-accessible")) {
                $select.select2("destroy");
            }

            $select.select2({
                placeholder: "Seleziona...",
                allowClear: true,
                width: "100%",
                dropdownParent: $("#partsModal"),
                minimumResultsForSearch: 0,
                sorter: function (data) {
                    return data.sort(function (a, b) {
                        const textA = (a.text || "").toLowerCase();
                        const textB = (b.text || "").toLowerCase();
                        return textA.localeCompare(textB, "it", {
                            sensitivity: "base",
                            numeric: true,
                        });
                    });
                },
                matcher: function (params, data) {
                    if ($.trim(params.term) === "") return data;
                    if (typeof data.text === "undefined") return null;

                    const term = params.term.toLowerCase();
                    const text = data.text.toLowerCase();

                    return text.indexOf(term) > -1 ? data : null;
                },
            });

            const selected = ($select.attr("data-selected") || "").toString();
            if (selected) {
                $select.val(selected).trigger("change.select2");
            }
        });
    }

    $(document).on("change", ".part-extra-select", function () {
        const valId = $(this).val() || "";
        const $row = $(this).closest("tr");

        // salva nello stato della riga (così sopravvive ai re-render)
        $row.data("extra-value-id", valId);

        $(this).closest("td").find(".part-extra-value-id").val(valId);
        markUnsaved();
    });

    $(document).on("click", ".extra-propagate-btn", function (e) {
        e.preventDefault();

        if (!partsExtraField) return;

        const isSelect =
            (partsExtraField.data_type || "").toLowerCase() ===
            "sceltamultipla";

        let propagateValueId = null;
        let propagateValueText = null;

        if (isSelect) {
            propagateValueId =
                $("#partsTable thead .extra-propagate-select").val() || "";

            if (!propagateValueId) {
                const errorMsg = $(
                    '<div class="alert alert-warning temp-alert" role="alert">Seleziona un valore da propagare.</div>',
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(() => {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 3500);
                return;
            }
        } else {
            propagateValueText = (
                $("#partsTable thead .extra-propagate-input").val() || ""
            ).trim();

            if (!propagateValueText) {
                const errorMsg = $(
                    '<div class="alert alert-warning temp-alert" role="alert">Inserisci un valore da propagare.</div>',
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(() => {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 3500);
                return;
            }
        }

        $("#partsTableBody tr").each(function () {
            const $row = $(this);

            if (isSelect) {
                const $select = $row.find(".part-extra-select");

                if ($select.length) {
                    $select.val(propagateValueId).trigger("change.select2");

                    $row.data("extra-value-id", propagateValueId);
                    $row.find(".part-extra-value-id").val(propagateValueId);
                }
            } else {
                const $input = $row.find(".part-extra-field");

                if ($input.length) {
                    $input.val(propagateValueText);

                    $row.data("extra-value-text", propagateValueText);
                }
            }
        });

        markUnsaved();
    });

    function applyExtraFieldColumn() {
        const $theadRow = $("#partsTable thead tr");

        // 1) rimuovi header extra
        $theadRow.find("th.extra-field-th").remove();

        // 2) rimuovi celle extra esistenti
        $("#partsTableBody tr").each(function () {
            $(this).find("td.extra-field-td").remove();
        });

        // 3) se non c'è campo extra -> fine
        if (!partsExtraField) {
            if (typeof window.applyPartsColumnWidths === "function") {
                setTimeout(window.applyPartsColumnWidths, 100);
            }
            return;
        }

        // 4) inserisci header propagabile prima di "Azioni" ultima colonna
        $theadRow.find("th:last").before(buildExtraFieldHeaderHtml());

        // 5) aggiungi cella a ogni riga già presente
        $("#partsTableBody tr").each(function () {
            const $row = $(this);
            $row.find("td:last").before(buildExtraFieldCellHtml($row));

            const selected = ($row.data("extra-value-id") || "").toString();
            if (selected) {
                $row.find(".part-extra-value-id").val(selected);
                $row.find(".part-extra-select").attr("data-selected", selected);
            }
        });

        initializeExtraFieldSelect2($("#partsTableBody"));

        // Select2 anche sul campo di propagazione in testata
        if (
            (partsExtraField.data_type || "").toLowerCase() === "sceltamultipla"
        ) {
            const $headerSelect = $(
                "#partsTable thead .extra-propagate-select",
            );

            if ($headerSelect.length && typeof $.fn.select2 !== "undefined") {
                if ($headerSelect.hasClass("select2-hidden-accessible")) {
                    $headerSelect.select2("destroy");
                }

                $headerSelect.select2({
                    placeholder: "Select…",
                    allowClear: true,
                    width: "100%",
                    dropdownParent: $("#partsModal"),
                    minimumResultsForSearch: 0,
                });
            }
        }

        if (typeof window.applyPartsColumnWidths === "function") {
            setTimeout(window.applyPartsColumnWidths, 100);
        }
    }

    function setPartId($row, id) {
        if (!id) return;
        // Sincronizza TUTTO: attributo + cache jQuery + nostra cache
        $row.attr("data-part-id", id);
        $row.data("part-id", id); // <<< fondamentale per invalidare la cache di jQuery
        $row.data("__pid", id);
    }

    function setRowMix($row, isMix) {
        const mixValue = isMix === true || isMix === "Y" ? "Y" : "N";
        $row.attr("data-is-mix", mixValue);
        $row.data("is-mix", mixValue);
    }

    function getRowMix($row) {
        const value = $row.attr("data-is-mix") || $row.data("is-mix");
        return value === "Y" ? "Y" : "N";
    }

    // ===================
    // VOICE RECOGNITION SETUP
    // ===================
    const SpeechRecognition =
        window.SpeechRecognition || window.webkitSpeechRecognition;
    let recognition = null;
    let isVoiceActive = false;
    const magicWord = "salva";

    if (SpeechRecognition) {
        recognition = new SpeechRecognition();
        recognition.lang = "it-IT";
        recognition.continuous = true;
        recognition.interimResults = false;

        recognition.onresult = function (event) {
            const transcript = event.results[
                event.results.length - 1
            ][0].transcript
                .trim()
                .toLowerCase();
            const $currentRow = $("#partsTableBody tr:last");
            const $descriptionInput = $currentRow.find(".part-description");

            if (transcript.includes(magicWord)) {
                const cleanedTranscript = transcript
                    .replace(magicWord, "")
                    .trim();
                if (cleanedTranscript) {
                    $descriptionInput.val(
                        (
                            $descriptionInput.val() +
                            " " +
                            cleanedTranscript
                        ).trim(),
                    );
                    $descriptionInput.trigger("blur");
                }
                const maxPartNumber = Math.max(
                    ...$("#partsTableBody tr")
                        .map(function () {
                            return (
                                parseInt($(this).find(".part-number").val()) ||
                                0
                            );
                        })
                        .get(),
                );
                addNewRow(maxPartNumber + 1, false); // Aggiunge riga normale per riconoscimento vocale
                const $newRow = $("#partsTableBody tr:last");
                $newRow.find(".part-description").focus();
            } else {
                $descriptionInput.val(
                    ($descriptionInput.val() + " " + transcript).trim(),
                );
                $descriptionInput.trigger("blur");
            }
        };

        recognition.onerror = function (event) {
            if (event.error === "no-speech" || event.error === "aborted") {
                if (isVoiceActive) recognition.start();
            } else {
                alert("Errore nel riconoscimento vocale: " + event.error);
                toggleVoiceRecognition();
            }
        };

        recognition.onend = function () {
            if (isVoiceActive) recognition.start();
        };
    } else {
        $("#toggleVoiceBtn").hide();
    }

    function toggleVoiceRecognition() {
        if (!recognition) {
            console.log("Voce non supportata dal browser");
            return;
        }
        isVoiceActive = !isVoiceActive;
        const $btn = $("#toggleVoiceBtn");
        if (isVoiceActive) {
            $btn.addClass("btn-danger").html(
                '<i class="fas fa-microphone-slash"></i> Stop Voce',
            );
            recognition.start();
            $("#partsTableBody tr:last").find(".part-description").focus();
        } else {
            $btn.removeClass("btn-danger")
                .addClass("btn-secondary")
                .html('<i class="fas fa-microphone"></i> Voce');
            recognition.stop();
        }
    }

    $(document).on("click", "#toggleVoiceBtn", function (e) {
        console.log("Clicked Voce - Evento triggerato");
        e.preventDefault();
        toggleVoiceRecognition();
    });

    // ===================
    // MODAL HANDLING
    // ===================
    function loadParts(iddatadb, idquotations, callback = null) {
        isLoadingPartsRecord = true;
        unsavedChanges = false;

        // Store current modal context
        $("#partsModal").data("iddatadb", iddatadb || null);
        $("#partsModal").data("idquotations", idquotations || null);

        // Store the visible record list from the main grid
        if (Array.isArray(window.visibleIddatadbList)) {
            $("#partsModal").data(
                "visible-iddatadb-list",
                window.visibleIddatadbList,
            );
        }

        updatePartsRecordHeader(iddatadb);

        const finishLoading = function () {
            unsavedChanges = false;
            isLoadingPartsRecord = false;
            updateSaveBtnState();

            if (callback) callback();
        };

        if (iddatadb) {
            loadMacroMatrici();
            initializeGlobalSelect2();
            loadPartsExtraField(iddatadb, function () {
                loadPhoto(iddatadb, idquotations);
                loadExistingParts(iddatadb, idquotations, finishLoading);
            });
        } else {
            loadPartsExtraField(iddatadb, function () {
                loadPhoto(iddatadb, idquotations);
                loadExistingParts(iddatadb, idquotations, finishLoading);
            });
        }
    }

    // ===================
    // PARTS MODAL RECORD NAVIGATION
    // ===================

    function getVisiblePartsRecordList() {
        const listFromModal = $("#partsModal").data("visible-iddatadb-list");

        if (Array.isArray(listFromModal) && listFromModal.length > 0) {
            return listFromModal.map((v) => parseInt(v, 10)).filter(Boolean);
        }

        if (
            Array.isArray(window.visibleIddatadbList) &&
            window.visibleIddatadbList.length > 0
        ) {
            return window.visibleIddatadbList
                .map((v) => parseInt(v, 10))
                .filter(Boolean);
        }

        if (Array.isArray(window.gridData) && window.gridData.length > 0) {
            return window.gridData
                .map((row) => parseInt(row.iddatadb, 10))
                .filter(Boolean);
        }

        return [];
    }

    function getGridRecordById(iddatadb) {
        if (!Array.isArray(window.gridData)) return null;

        return (
            window.gridData.find((row) => {
                return parseInt(row.iddatadb, 10) === parseInt(iddatadb, 10);
            }) || null
        );
    }

    function getRecordHeaderLabel(iddatadb) {
        const record = getGridRecordById(iddatadb);

        if (!record) {
            return iddatadb ? "#" + iddatadb : "";
        }

        // "Numero" identifier (no longer falls back to mainFieldValue,
        // since main fields are now shown separately alongside it)
        if (record.importreferencecode) {
            return record.importreferencecode;
        }

        if (record.filename_import) {
            return record.filename_import;
        }

        return "#" + iddatadb;
    }

    // Builds "Label1: value1 — Label2: value2" from window.gridMeta.mainFieldMappings
    function getMainFieldsSummary(iddatadb) {
        const record = getGridRecordById(iddatadb);
        const mappings =
            (window.gridMeta && window.gridMeta.mainFieldMappings) || [];

        if (!record || !mappings.length) return "";

        const parts = mappings
            .map((mapping) => {
                const value = record.details
                    ? record.details[String(mapping.id)]
                    : "";
                if (!value) return null;
                return (
                    (mapping.label || mapping.field_label || "") + ": " + value
                );
            })
            .filter(Boolean);

        return parts.join(" — ");
    }

    function updatePartsRecordHeader(iddatadb) {
        const list = getVisiblePartsRecordList();
        const currentId = parseInt(iddatadb, 10);
        const currentIndex = list.indexOf(currentId);

        const mainSummary = getMainFieldsSummary(currentId);

        $("#trfHeader").text(mainSummary || getRecordHeaderLabel(currentId));

        if (list.length <= 1 || currentIndex === -1) {
            $("#partsRecordCounter").text("-");
            $("#prevPartsRecordBtn").prop("disabled", true);
            $("#nextPartsRecordBtn").prop("disabled", true);
            return;
        }

        $("#partsRecordCounter").text(currentIndex + 1 + " / " + list.length);

        $("#prevPartsRecordBtn").prop("disabled", currentIndex <= 0);
        $("#nextPartsRecordBtn").prop(
            "disabled",
            currentIndex >= list.length - 1,
        );
    }

    function goToAdjacentPartsRecord(direction) {
        const list = getVisiblePartsRecordList();
        const currentId = parseInt($("#partsModal").data("iddatadb"), 10);
        const currentIndex = list.indexOf(currentId);

        if (currentIndex === -1) return;

        const nextIndex = currentIndex + direction;

        if (nextIndex < 0 || nextIndex >= list.length) return;

        if (
            !isLoadingPartsRecord &&
            unsavedChanges &&
            !confirm(
                "Hai modifiche non salvate. Vuoi cambiare record senza salvare?",
            )
        ) {
            return;
        }

        const nextIddatadb = list[nextIndex];

        // Reset local modal state before loading the next record
        partMatrice = {};
        unsavedChanges = false;
        $("#partsTableBody").empty();
        $("#photoSelectorContainer").empty().hide();
        $("#samplePhoto").attr("src", "");
        $(".temp-alert").remove();

        loadParts(nextIddatadb, null);
    }

    $(document).on("click", "#prevPartsRecordBtn", function (e) {
        e.preventDefault();
        goToAdjacentPartsRecord(-1);
    });

    $(document).on("click", "#nextPartsRecordBtn", function (e) {
        e.preventDefault();
        goToAdjacentPartsRecord(1);
    });

    // EVENTO PER APRIRE IL SECONDO MODALE
    $(document).on("click", "#openAnnotationsBtn", function () {
        console.log("Clic su Apri Annotazioni...");
        const iddatadb = $("#partsModal").data("iddatadb");
        const idquotations = $("#partsModal").data("idquotations");
        const trfHeader = $("#trfHeader").text();

        console.log("Dati recuperati da partsModal:", {
            iddatadb,
            idquotations,
            trfHeader,
        });

        const partsModal = bootstrap.Modal.getInstance(
            document.getElementById("partsModal"),
        );
        if (partsModal) {
            partsModal.hide();
        }

        const annotationsModalElement =
            document.getElementById("annotationsModal");
        if (annotationsModalElement) {
            console.log("Elemento #annotationsModal trovato nel DOM.");
            openAnnotationsModal(iddatadb, idquotations, trfHeader);
            return;
        }

        console.log("Caricamento dinamico di modal_annotations.php...");
        $.ajax({
            url: "modal_annotations.php",
            method: "GET",
            cache: false,
            beforeSend: function () {
                console.log("Inizio richiesta AJAX per modal_annotations.php");
            },
            success: function (response) {
                console.log(
                    "modal_annotations.php caricato con successo:",
                    response.substring(0, 100) + "...",
                );
                $("#annotationsModalContainer").html(response);

                const annotationsModalElementAfterLoad =
                    document.getElementById("annotationsModal");
                if (!annotationsModalElementAfterLoad) {
                    console.error(
                        "Errore: #annotationsModal non trovato nel DOM dopo il caricamento.",
                    );
                    alert(
                        "Errore: Il modale delle annotazioni non è stato caricato correttamente. Controlla il contenuto di modal_annotations.php.",
                    );
                    return;
                }

                openAnnotationsModal(iddatadb, idquotations, trfHeader);
            },
            error: function (xhr, status, error) {
                console.error(
                    "Errore nel caricamento di modal_annotations.php:",
                    {
                        status: status,
                        statusCode: xhr.status,
                        error: error,
                        responseText: xhr.responseText,
                    },
                );
                alert(
                    "Errore nel caricamento del modale delle annotazioni: " +
                        error +
                        " (Codice: " +
                        xhr.status +
                        ")",
                );
            },
        });
    });

    function openAnnotationsModal(iddatadb, idquotations, trfHeader) {
        console.log("Tentativo di aprire annotationsModal con:", {
            iddatadb,
            idquotations,
            trfHeader,
        });
        const annotationsModalElement =
            document.getElementById("annotationsModal");
        if (!annotationsModalElement) {
            console.error(
                "Elemento #annotationsModal non trovato nel DOM durante openAnnotationsModal.",
            );
            alert(
                "Errore: Modale annotazioni non trovato dopo il caricamento.",
            );
            return;
        }

        if (typeof window.initAnnotationsModal === "function") {
            console.log("Chiamata a window.initAnnotationsModal...");
            window.initAnnotationsModal(iddatadb, idquotations, trfHeader);
        } else {
            console.error(
                "initAnnotationsModal non definito. Verifica che annotationsModal.js sia caricato correttamente.",
            );
            alert(
                "Errore: Funzione initAnnotationsModal non trovata. Controlla che annotationsModal.js sia incluso correttamente.",
            );
        }
    }

    $(document).on("hide.bs.modal", "#partsModal", function (e) {
        console.log(
            "[partsModal] hide.bs.modal — unsavedChanges =",
            unsavedChanges,
        );
        if (
            unsavedChanges &&
            !confirm("Hai modifiche non salvate. Vuoi davvero uscire?")
        ) {
            e.preventDefault();
        }
    });

    $("#partsModal").on("hidden.bs.modal", function () {
        partMatrice = {};
        unsavedChanges = false;
        matrici = [];
        macroMatrici = [];
        $("#photoSelectorContainer").empty().hide();
        $("#samplePhoto").attr("src", "");
        $("#partsTableBody").empty();
        $("#global-matrice").empty();
        $("#macro-matrice-filter").empty();
        $(".temp-alert").remove();
        $(".modal-backdrop").remove();
        $("body").removeClass("modal-open").css("padding-right", "");
        $(":focus").blur();
    });

    // ===================
    // PHOTO LOADERS
    // ===================
    function loadPhoto(iddatadb, idquotations) {
        const currentPhoto = $("#samplePhoto").attr("src");
        const endpoint = idquotations
            ? "load_photo_quotation.php"
            : "load_photo.php";
        const data = idquotations
            ? { idquotations: idquotations }
            : { iddatadb: iddatadb };
        $.ajax({
            url: endpoint,
            method: "GET",
            data: data,
            success: function (response) {
                if (response.success) {
                    if (response.photos && response.photos.length > 1) {
                        showPhotoSelector(response.photos, currentPhoto);
                    } else if (
                        response.photos &&
                        response.photos.length === 1
                    ) {
                        loadSinglePhoto(response.photos[0]);
                    } else {
                        $("#samplePhoto").attr("src", "");
                        const errorMsg = $(
                            '<div class="alert alert-danger temp-alert" role="alert">Nessuna foto trovata per questo elemento.</div>',
                        );
                        $("#partsModal .modal-body").prepend(errorMsg);
                        setTimeout(function () {
                            errorMsg.fadeOut(500, function () {
                                $(this).remove();
                            });
                        }, 5000);
                    }
                } else {
                    const errorMsg = $(
                        '<div class="alert alert-danger temp-alert" role="alert">' +
                            (response.message ||
                                "Errore nel caricamento della foto.") +
                            "</div>",
                    );
                    $("#partsModal .modal-body").prepend(errorMsg);
                    setTimeout(function () {
                        errorMsg.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                }
            },
            error: function (xhr, status, error) {
                const errorMsg = $(
                    '<div class="alert alert-danger temp-alert" role="alert">Errore nel caricamento della foto: ' +
                        error +
                        " (" +
                        xhr.status +
                        ")</div>",
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(function () {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 5000);
            },
        });
    }

    function showPhotoSelector(photos, selected = null) {
        const selectorContainer = $("#photoSelectorContainer");
        selectorContainer.empty().show();
        const selector = $(
            '<select id="photoSelector" class="form-control"></select>',
        );
        photos.forEach((photo, index) => {
            const photoName = photo.split("/").pop();
            const option = $("<option></option>")
                .val(photo)
                .text(`Photo ${index + 1} - ${photoName}`);
            selector.append(option);
        });
        selector.on("change", function () {
            loadSinglePhoto($(this).val());
        });
        selectorContainer.append(selector);
        const photoToSelect =
            selected && photos.includes(selected) ? selected : photos[0];
        if (photoToSelect) {
            selector.val(photoToSelect);
            loadSinglePhoto(photoToSelect);
        }
    }

    function loadSinglePhoto(photoPath) {
        const img = $("#samplePhoto");
        img.off("load").attr("src", photoPath);
    }

    // ===================
    // DOWNLOAD PHOTO
    // ===================
    $(document).on("click", "#downloadPhotoBtn", function (e) {
        console.log("Clicked Download Photo - Evento triggerato");
        e.preventDefault();
        const photoSrc = $("#samplePhoto").attr("src");
        if (!photoSrc) {
            console.log("Nessuna foto caricata");
            const errorMsg = $(
                '<div class="alert alert-danger temp-alert" role="alert">Nessuna foto caricata da scaricare.</div>',
            );
            $("#partsModal .modal-body").prepend(errorMsg);
            setTimeout(function () {
                errorMsg.fadeOut(500, function () {
                    $(this).remove();
                });
            }, 5000);
            return;
        }
        const photoName = photoSrc.split("/").pop();
        const link = document.createElement("a");
        link.href = photoSrc;
        link.download = photoName;
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
        console.log("Download avviato per:", photoSrc);
    });

    // ===================
    // PARTS TABLE
    // ===================
    $(document).on("click", ".add-row-global", function (e) {
        e.preventDefault();
        const partNumbers = $("#partsTableBody tr")
            .map(function () {
                return parseInt($(this).find(".part-number").val()) || 0;
            })
            .get();
        const maxPartNumber = partNumbers.length ? Math.max(...partNumbers) : 0;
        addNewRow(maxPartNumber + 1, false); // Riga normale
    });

    $(document).on("click", ".add-mix-global", function (e) {
        e.preventDefault();

        const partNumbers = $("#partsTableBody tr")
            .map(function () {
                return parseInt($(this).find(".part-number").val()) || 0;
            })
            .get();
        const maxPartNumber = partNumbers.length ? Math.max(...partNumbers) : 0;

        // Crea la riga Mix (verrà salvata col pulsante Salva)
        addNewRow(maxPartNumber + 1, true);
        markUnsaved();
    });

    function extractPartId(response) {
        // prova i campi più comuni
        if (response == null) return null;

        if (response.part_id) return response.part_id;
        if (response.id) return response.id;
        if (response.insert_id) return response.insert_id;
        if (response.lastId) return response.lastId;

        // array di id
        if (Array.isArray(response.part_ids) && response.part_ids[0]) {
            return response.part_ids[0];
        }

        // oggetti annidati
        if (response.parts && response.parts[0]) {
            if (response.parts[0].id) return response.parts[0].id;
            if (response.parts[0].part_id) return response.parts[0].part_id;
            if (response.parts[0].insert_id) return response.parts[0].insert_id;
        }

        // altri possibili nomi dal backend
        if (response.new_id) return response.new_id;
        if (response.partId) return response.partId;

        // ✅ RISPOSTA DI save_parts.php: { success:true, results:[{part_id:...}] }
        if (Array.isArray(response.results) && response.results[0]) {
            if (response.results[0].part_id) return response.results[0].part_id;
            if (response.results[0].id) return response.results[0].id;
        }
        return null;
    }

    function saveRow($row) {
        const partNumber = $row.find(".part-number").val();
        const partDescription = $row.find(".part-description").val().trim();
        const dateexpiry = $row.find(".part-dateexpiry").val();
        const note = $row.data("note") || null;
        const $saveStatus = $row.find(".save-status");
        const $saveLoading = $row.find(".save-loading");
        const iddatadb = $("#partsModal").data("iddatadb");
        const idquotations = $("#partsModal").data("idquotations");
        const isMix = getRowMix($row);

        // EXTRA FIELD (0/1)
        const extra_field_id = $row.find(".part-extra-field-id").val() || null;
        const extra_value_id = $row.find(".part-extra-value-id").val() || null;
        const extra_value_text = $row.find(".part-extra-field").length
            ? ($row.find(".part-extra-field").val() || "").trim()
            : null;
        let partId = getPartId($row);
        if (partId === "new") partId = null; // difesa extra (non dovrebbe più servire, ma sicura)
        const endpoint = idquotations
            ? "save_parts_quotation.php"
            : "save_parts.php";
        const data = idquotations ? { idquotations } : { iddatadb };

        // Evita salvataggi concorrenti
        if ($row.data("saving") === true) return;

        // Blocca INSERT del Mix se non esplicitamente richiesta
        if (isMix === "Y" && !partId && $row.data("allowCreateMix") !== true) {
            return;
        }

        $row.data("saving", true);

        if (partDescription && (iddatadb || idquotations)) {
            $saveLoading.show();
            $saveStatus.hide();

            $.ajax({
                url: endpoint,
                method: "POST",
                data: JSON.stringify({
                    ...data,
                    parts: [
                        {
                            id: partId,
                            part_number: partNumber,
                            part_description: partDescription,
                            mix: isMix,
                            idmatrice: $row.find(".part-matrice").val() || null,
                            dateexpiry: dateexpiry || null,
                            note: note,

                            // extra custom field
                            extra_field_id: extra_field_id,
                            extra_value_id: extra_value_id,
                            extra_value_text: extra_value_text,
                        },
                    ],
                }),
                contentType: "application/json",

                success: function (response) {
                    // assegna ID appena arriva (robusto)
                    if (response.success) {
                        const newId = extractPartId(response);
                        if (newId) {
                            setPartId($row, newId);
                        } else {
                            console.warn(
                                "Parte salvata ma ID non presente nella risposta. Ricarico parti per sincronizzare gli ID.",
                            );
                            loadExistingParts(iddatadb, idquotations); // <<< ORA ANCHE PER RIGHE NORMALI
                        }
                    }

                    $row.data("saving", false);
                    $row.removeData("allowCreateMix");

                    // ora che l'ID c'è di sicuro, sblocco gli update pendenti (es. M+)
                    $row.trigger("row:saved");

                    $saveLoading.hide();
                    if (response.success) {
                        $saveStatus.show();
                        setTimeout(() => $saveStatus.hide(), 2000);

                        if (!$("#quotationeBtn").hasClass("d-none"))
                            $("#quotationeBtn").addClass("d-none");
                    } else {
                        const errorMsg = $(
                            '<div class="alert alert-danger temp-alert" role="alert">Errore nel salvataggio: ' +
                                response.message +
                                "</div>",
                        );
                        $("#partsModal .modal-body").prepend(errorMsg);
                        setTimeout(() => {
                            errorMsg.fadeOut(500, function () {
                                $(this).remove();
                            });
                        }, 5000);
                    }
                },

                error: function (xhr, status, error) {
                    $row.data("saving", false);
                    $row.removeData("allowCreateMix");
                    $saveLoading.hide();
                    const errorMsg = $(
                        '<div class="alert alert-danger temp-alert" role="alert">Errore nel salvataggio delle parti: ' +
                            error +
                            " (" +
                            xhr.status +
                            ")</div>",
                    );
                    $("#partsModal .modal-body").prepend(errorMsg);
                    setTimeout(() => {
                        errorMsg.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                },
            });
        }
    }

    $(document).on("click", ".add-mix-row", function (e) {
        e.preventDefault();

        const $srcRow = $(this).closest("tr");
        const partDescription = $srcRow.find(".part-description").val().trim();
        if (!partDescription) {
            const errorMsg = $(
                '<div class="alert alert-danger temp-alert" role="alert">Inserisci una descrizione valida prima di aggiungerla al Mix.</div>',
            );
            $("#partsModal .modal-body").prepend(errorMsg);
            setTimeout(
                () =>
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    }),
                5000,
            );
            return;
        }

        let $mixRow = $("#partsTableBody tr")
            .filter(function () {
                return getRowMix($(this)) === "Y";
            })
            .last();

        // Se non esiste una riga Mix, ne creo una nuova (salvata col pulsante Salva)
        if ($mixRow.length === 0) {
            const maxPartNumber = Math.max(
                ...$("#partsTableBody tr")
                    .map(function () {
                        return (
                            parseInt($(this).find(".part-number").val()) || 0
                        );
                    })
                    .get(),
            );

            addNewRow(maxPartNumber + 1, true);
            $mixRow = $("#partsTableBody tr:last");
            $mixRow.find(".part-description").val(`Mix ${partDescription}`);
            markUnsaved();
            return;
        }

        // Aggiorna la descrizione del Mix esistente
        const currentMix = $mixRow.find(".part-description").val().trim();
        let newDesc = currentMix;
        if (currentMix === "Mix") newDesc = currentMix + " " + partDescription;
        else if (!currentMix.includes(partDescription))
            newDesc = currentMix + " + " + partDescription;

        $mixRow.find(".part-description").val(newDesc);
        markUnsaved();
    });

    function addNewRow(nextPartNumber, isMix = false) {
        const description = isMix ? "Mix" : "";
        const newRow = `
            <tr data-part-id="new" data-is-mix="${isMix ? "Y" : "N"}">
                <td><input type="number" class="form-control form-control-sm part-number" value="${nextPartNumber || 1}" style="width: 80px;"></td>
                <td><input type="text" class="form-control form-control-sm part-description" value="${description}" placeholder="Inserisci descrizione"></td>
                <td>
                    <div style="display: flex; align-items: center;">
                        <button type="button" class="btn btn-primary btn-sm propagate-matrice-btn" style="padding: 0.1rem 0.3rem; font-size: 0.8rem; margin-right: 3px;"><i class="fas fa-arrow-right"></i></button>
                        <select class="part-matrice form-control form-control-sm" style="width: 150px;"></select>
                    </div>
                </td>
               <td><input type="date" class="form-control form-control-sm part-dateexpiry" style="width: 130px;"></td>
                    ${partsExtraField ? buildExtraFieldCellHtml(null) : ``}
                    <td>
                    <button type="button" class="btn btn-light btn-sm note-btn" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;" title="Aggiungi/Modifica nota"><i class="fas fa-file-alt"></i></button>
                    <button type="button" class="btn btn-warning btn-sm add-mix-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;">M+</button>
                    <button type="button" class="btn btn-danger btn-sm remove-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem; display: none;"><i class="fas fa-trash"></i></button>
                    <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check"></i></span>
                    <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin"></i></span>
                </td>
            </tr>`;
        $("#partsTableBody").append(newRow);
        const $newRow = $("#partsTableBody tr:last");
        setRowMix($newRow, isMix ? "Y" : "N");
        const $select = $newRow.find(".part-matrice");
        const selectedMacro = $("#macro-matrice-filter").val() || "";

        initializeSelect2($select, nextPartNumber, "", null, selectedMacro);
        initializeExtraFieldSelect2($newRow);

        updateRowButtons();

        if (!isLoadingPartsRecord) {
            markUnsaved();
        }
    }

    // ===================
    // NOTE HANDLING
    // ===================
    $(document).on("click", ".note-btn", function () {
        const $row = $(this).closest("tr");
        const partId = getPartId($row);
        const note = $row.data("note") || "";
        const $noteModal = $("#noteModal");
        $noteModal.find(".part-note").val(note);
        $noteModal.data("part-id", partId);
        $noteModal.data("row", $row);
        const modalInstance = new bootstrap.Modal($noteModal[0], {
            backdrop: "static",
            keyboard: false,
        });
        modalInstance.show();
    });

    $(document).on("click", ".save-note-btn", function () {
        const $noteModal = $("#noteModal");
        const $row = $noteModal.data("row");
        const note = $noteModal.find(".part-note").val().trim();

        $row.data("note", note);
        $row.find(".note-btn").toggleClass("has-note", !!note);
        bootstrap.Modal.getInstance(
            document.getElementById("noteModal"),
        ).hide();
        markUnsaved();
    });

    // ===================
    // DATEEXPIRY HANDLING
    // ===================
    $(document).on("change", ".part-dateexpiry", function () {
        markUnsaved();
    });

    // ===================
    // OTHER TABLE HANDLERS
    // ===================
    function updateRowButtons() {
        // Il cestino è sempre visibile: è permesso eliminare anche l'ultima parte rimasta.
        $("#partsTableBody tr").each(function () {
            const $row = $(this);
            $row.find(".remove-row").css("display", "inline-block");
        });
    }

    $(document).on("click", ".remove-row", function (e) {
        e.preventDefault();
        console.log("Clic su .remove-row rilevato"); // Debug: verifica clic
        const $row = $(this).closest("tr");
        const partId = $row.data("part-id");
        const partNumber = $row.find(".part-number").val();
        const iddatadb = $("#partsModal").data("iddatadb");
        const idquotations = $("#partsModal").data("idquotations");
        const endpoint = idquotations
            ? "delete_part_quotation.php"
            : "delete_part.php";

        // Verifica se il modale esiste
        const $modal = $("#confirmDeleteModal");
        if ($modal.length) {
            try {
                // Inizializza il modale Bootstrap in modo esplicito
                const modalInstance = new bootstrap.Modal($modal[0], {
                    backdrop: "static",
                    keyboard: false,
                });
                // Associa l'handler al pulsante Elimina
                $("#confirmDeleteBtn")
                    .off("click")
                    .on("click", function () {
                        if (partId && partId !== "new") {
                            $.ajax({
                                url: endpoint,
                                method: "POST",
                                data: JSON.stringify({ part_id: partId }),
                                contentType: "application/json",
                                success: function (response) {
                                    if (response.success) {
                                        $row.remove();
                                        delete partMatrice[partNumber];
                                        updateRowButtons();
                                        markUnsaved();
                                    } else {
                                        const errorMsg = $(
                                            '<div class="alert alert-danger temp-alert" role="alert">Errore nell\'eliminazione: ' +
                                                response.message +
                                                "</div>",
                                        );
                                        $("#partsModal .modal-body").prepend(
                                            errorMsg,
                                        );
                                        setTimeout(function () {
                                            errorMsg.fadeOut(500, function () {
                                                $(this).remove();
                                            });
                                        }, 5000);
                                    }
                                    modalInstance.hide();
                                },
                                error: function (xhr, status, error) {
                                    const errorMsg = $(
                                        '<div class="alert alert-danger temp-alert" role="alert">Errore nell\'eliminazione: ' +
                                            error +
                                            " (" +
                                            xhr.status +
                                            ")</div>",
                                    );
                                    $("#partsModal .modal-body").prepend(
                                        errorMsg,
                                    );
                                    setTimeout(function () {
                                        errorMsg.fadeOut(500, function () {
                                            $(this).remove();
                                        });
                                    }, 5000);
                                    modalInstance.hide();
                                },
                            });
                        } else {
                            $row.remove();
                            delete partMatrice[partNumber];
                            updateRowButtons();
                            markUnsaved();
                            modalInstance.hide();
                        }
                    });
                // Mostra il modale
                modalInstance.show();
            } catch (error) {
                console.error("Errore nell'apertura del modale:", error);
                alert(
                    "Errore: Impossibile aprire il modale di conferma. Dettagli: " +
                        error.message,
                );
                // Fallback con confirm nativo
                if (confirm("Sei sicuro di voler eliminare questa parte?")) {
                    if (partId && partId !== "new") {
                        $.ajax({
                            url: endpoint,
                            method: "POST",
                            data: JSON.stringify({ part_id: partId }),
                            contentType: "application/json",
                            success: function (response) {
                                if (response.success) {
                                    $row.remove();
                                    delete partMatrice[partNumber];
                                    updateRowButtons();
                                    markUnsaved();
                                } else {
                                    const errorMsg = $(
                                        '<div class="alert alert-danger temp-alert" role="alert">Errore nell\'eliminazione: ' +
                                            response.message +
                                            "</div>",
                                    );
                                    $("#partsModal .modal-body").prepend(
                                        errorMsg,
                                    );
                                    setTimeout(function () {
                                        errorMsg.fadeOut(500, function () {
                                            $(this).remove();
                                        });
                                    }, 5000);
                                }
                            },
                            error: function (xhr, status, error) {
                                const errorMsg = $(
                                    '<div class="alert alert-danger temp-alert" role="alert">Errore nell\'eliminazione: ' +
                                        error +
                                        " (" +
                                        xhr.status +
                                        ")</div>",
                                );
                                $("#partsModal .modal-body").prepend(errorMsg);
                                setTimeout(function () {
                                    errorMsg.fadeOut(500, function () {
                                        $(this).remove();
                                    });
                                }, 5000);
                            },
                        });
                    } else {
                        $row.remove();
                        delete partMatrice[partNumber];
                        updateRowButtons();
                        markUnsaved();
                    }
                }
            }
        } else {
            console.error("Modale #confirmDeleteModal non trovato nel DOM");
            alert("Errore: Modale di conferma non trovato. Verifica l'HTML.");
            // Fallback con confirm nativo
            if (confirm("Sei sicuro di voler eliminare questa parte?")) {
                if (partId && partId !== "new") {
                    $.ajax({
                        url: endpoint,
                        method: "POST",
                        data: JSON.stringify({ part_id: partId }),
                        contentType: "application/json",
                        success: function (response) {
                            if (response.success) {
                                $row.remove();
                                delete partMatrice[partNumber];
                                updateRowButtons();
                                markUnsaved();
                            } else {
                                const errorMsg = $(
                                    '<div class="alert alert-danger temp-alert" role="alert">Errore nell\'eliminazione: ' +
                                        response.message +
                                        "</div>",
                                );
                                $("#partsModal .modal-body").prepend(errorMsg);
                                setTimeout(function () {
                                    errorMsg.fadeOut(500, function () {
                                        $(this).remove();
                                    });
                                }, 5000);
                            }
                        },
                        error: function (xhr, status, error) {
                            const errorMsg = $(
                                '<div class="alert alert-danger temp-alert" role="alert">Errore nell\'eliminazione: ' +
                                    error +
                                    " (" +
                                    xhr.status +
                                    ")</div>",
                            );
                            $("#partsModal .modal-body").prepend(errorMsg);
                            setTimeout(function () {
                                errorMsg.fadeOut(500, function () {
                                    $(this).remove();
                                });
                            }, 5000);
                        },
                    });
                } else {
                    $row.remove();
                    delete partMatrice[partNumber];
                    updateRowButtons();
                    markUnsaved();
                }
            }
        }
    });

    $(document).on(
        "blur",
        ".part-description, .part-number, .part-extra-field",
        function () {
            markUnsaved();
        },
    );

    function loadExistingParts(iddatadb, idquotations, callback = null) {
        const endpoint = idquotations
            ? "load_parts_quotation.php"
            : "load_parts.php";
        const data = idquotations
            ? { idquotations: idquotations }
            : { iddatadb: iddatadb };
        $.ajax({
            url: endpoint,
            method: "GET",
            data: data,
            success: function (response) {
                $("#partsTableBody").empty();
                if (
                    response.success &&
                    response.parts &&
                    response.parts.length > 0
                ) {
                    response.parts.forEach((part) => {
                        console.log(
                            "Caricamento parte:",
                            part.id,
                            "Numero:",
                            part.part_number,
                            "Descrizione:",
                            part.part_description,
                            "idmatrice:",
                            part.idmatrice || "non definito",
                            "note:",
                            part.note || "non definito",
                            "dateexpiry:",
                            part.dateexpiry || "non definito",
                        );
                        // Escape HTML per evitare problemi con caratteri speciali
                        const escapedDescription = $("<div>")
                            .text(part.part_description || "")
                            .html();
                        const escapedNote = part.note
                            ? $("<div>").text(part.note).html()
                            : "";
                        const newRow = `
                        <tr data-part-id="${part.id}" data-note="${escapedNote}" data-is-mix="${part.mix === "Y" ? "Y" : "N"}">
                            <td><input type="number" class="form-control form-control-sm part-number" value="${part.part_number || ""}" style="width: 80px;"></td>
                            <td><input type="text" class="form-control form-control-sm part-description" value="${escapedDescription}" placeholder="Inserisci descrizione"></td>
                            <td>
                                <div style="display: flex; align-items: center;">
                                    <button type="button" class="btn btn-primary btn-sm propagate-matrice-btn" style="padding: 0.1rem 0.3rem; font-size: 0.8rem; margin-right: 3px;"><i class="fas fa-arrow-right"></i></button>
                                    <select class="part-matrice form-control form-control-sm" style="width: 150px;" ${idquotations && !part.idmatrice ? "disabled" : ""}></select>
                                </div>
                            </td>
                           <td><input type="date" class="form-control form-control-sm part-dateexpiry" value="${part.dateexpiry || ""}" style="width: 130px;"></td>
                                    ${partsExtraField ? buildExtraFieldCellHtml() : ``}
                                    <td>
                                <button type="button" class="btn btn-light btn-sm note-btn ${part.note ? "has-note" : ""}" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;" title="Aggiungi/Modifica nota"><i class="fas fa-file-alt"></i></button>
                                <button type="button" class="btn btn-warning btn-sm add-mix-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;">M+</button>
                                <button type="button" class="btn btn-danger btn-sm remove-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;"><i class="fas fa-trash"></i></button>
                                <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check"></i></span>
                                <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin"></i></span>
                            </td>
                        </tr>`;
                        $("#partsTableBody").append(newRow);

                        const $row = $(
                            `#partsTableBody tr[data-part-id="${part.id}"]`,
                        );
                        setRowMix($row, part.mix === "Y" ? "Y" : "N");
                        if (
                            part.extra_value_id !== undefined &&
                            part.extra_value_id !== null
                        ) {
                            const vid = String(part.extra_value_id);
                            $row.data("extra-value-id", vid);
                            $row.find(".part-extra-value-id").val(vid);
                            $row.find(".part-extra-select").attr(
                                "data-selected",
                                vid,
                            );
                        }

                        if (
                            part.extra_value_text !== undefined &&
                            part.extra_value_text !== null
                        ) {
                            $row.data(
                                "extra-value-text",
                                part.extra_value_text,
                            );
                            $row.find(".part-extra-field").val(
                                part.extra_value_text,
                            );
                        }

                        initializeExtraFieldSelect2($row);

                        const $select = $("#partsTableBody").find(
                            `tr[data-part-id="${part.id}"] .part-matrice`,
                        );
                        const selectedMacro =
                            $("#macro-matrice-filter").val() || "";
                        initializeSelect2(
                            $select,
                            part.part_number,
                            part.id,
                            part.idmatrice || null,
                            selectedMacro,
                        );
                        if (part.idmatrice) {
                            partMatrice[part.part_number] = part.idmatrice;
                        }
                    });
                } else {
                    addNewRow(1, false); // Riga iniziale normale
                    $("#quotationeBtn").removeClass("d-none");
                }
                updateRowButtons();

                if (callback) callback();
            },
            error: function (xhr, status, error) {
                const errorMsg = $(
                    '<div class="alert alert-danger temp-alert" role="alert">Errore nel caricamento delle parti: ' +
                        error +
                        " (" +
                        xhr.status +
                        ")</div>",
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(function () {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 5000);
                addNewRow(1, false); // Riga iniziale normale
            },
        });
    }

    function loadMacroMatrici() {
        $.ajax({
            url: "search_matrici.php?macro_list=1",
            method: "GET",
            dataType: "json",
            success: function (data) {
                macroMatrici = data.value || [];
                initializeMacroMatriceFilter();
            },
            error: function (xhr, status, error) {
                console.error(
                    "Errore nel caricamento delle MacroMatrici:",
                    error,
                );
                macroMatrici = [];
                initializeMacroMatriceFilter();
                const errorMsg = $(
                    '<div class="alert alert-danger temp-alert" role="alert">Errore nel caricamento delle MacroMatrici: ' +
                        error +
                        " (" +
                        xhr.status +
                        ")</div>",
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(function () {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 5000);
            },
        });
    }

    function initializeMacroMatriceFilter() {
        const $select = $("#macro-matrice-filter");
        if ($select.length === 0) return; // Ignora se il filtro non è presente nell'HTML
        if (typeof $.fn.select2 === "undefined") {
            $select.replaceWith(
                '<input type="text" class="form-control form-control-sm" placeholder="Select2 non disponibile" disabled>',
            );
            return;
        }

        // Popola il dropdown MacroMatrice
        const options = [
            { id: "", text: "Tutte le MacroMatrici" },
            ...macroMatrici.map(function (macro) {
                return { id: macro, text: macro };
            }),
        ];

        // Distrugge Select2 esistente, se presente
        if ($select.hasClass("select2-hidden-accessible")) {
            $select.select2("destroy");
        }

        $select.empty().select2({
            placeholder: "Seleziona MacroMatrice",
            allowClear: true,
            data: options,
            dropdownParent: $("#partsModal"),
        });

        $select.on("change", function () {
            const selectedMacro = $(this).val() || "";
            console.log("Filtro MacroMatrice cambiato:", selectedMacro);
            // Aggiorna global-matrice
            initializeGlobalSelect2(selectedMacro);
            // Aggiorna tutti i part-matrice
            $("#partsTableBody .part-matrice").each(function () {
                const $partSelect = $(this);
                const partNumber = $partSelect
                    .closest("tr")
                    .find(".part-number")
                    .val();
                const partId = $partSelect.closest("tr").data("part-id");
                const currentValue =
                    $partSelect.val() || partMatrice[partNumber] || null;
                initializeSelect2(
                    $partSelect,
                    partNumber,
                    partId,
                    currentValue,
                    selectedMacro,
                    true,
                );
            });
        });
    }

    function initializeGlobalSelect2(selectedMacro = null) {
        const $select = $("#global-matrice");
        if (typeof $.fn.select2 === "undefined") {
            $select.replaceWith(
                '<input type="text" class="form-control form-control-sm" placeholder="Select2 non disponibile" disabled>',
            );
            return;
        }

        // Memorizza il valore corrente
        const currentValue = $select.val();

        // Distrugge Select2 esistente, se presente
        if ($select.hasClass("select2-hidden-accessible")) {
            $select.select2("destroy");
        }

        // Inizializza Select2 con AJAX
        $select.empty().select2({
            placeholder: "Seleziona matrice globale",
            allowClear: true,
            dropdownParent: $("#partsModal"),
            minimumInputLength: 0,
            ajax: {
                url: "search_matrici.php",
                dataType: "json",
                delay: 150,
                data: function (params) {
                    return {
                        q: params.term || "",
                        limit: 20,
                        macro: selectedMacro || "",
                    };
                },
                processResults: function (data) {
                    return { results: data.results || [] };
                },
                cache: true,
            },
        });

        // Ripristina il valore corrente
        if (currentValue) {
            $.ajax({
                url: "search_matrici.php",
                data: { id: currentValue },
                dataType: "json",
            }).then(function (data) {
                const item = (data.results || [])[0];
                if (item) {
                    const option = new Option(item.text, item.id, true, true);
                    $select.append(option).trigger("change");
                }
            });
        }
    }

    function initializeSelect2(
        $select,
        partNumber,
        partId,
        idmatrice,
        selectedMacro = null,
        fromFilter = false,
    ) {
        if (typeof $.fn.select2 === "undefined") {
            $select.replaceWith(
                '<input type="text" class="form-control form-control-sm" placeholder="Select2 non disponibile" disabled>',
            );
            return;
        }

        // Memorizza il valore corrente
        const currentValue = idmatrice || $select.val();

        // Distrugge Select2 esistente, se presente
        if ($select.hasClass("select2-hidden-accessible")) {
            $select.select2("destroy");
        }

        // Inizializza Select2 con AJAX
        $select.empty().select2({
            placeholder: "Seleziona matrice",
            allowClear: true,
            dropdownParent: $("#partsModal"),
            minimumInputLength: 0,
            ajax: {
                url: "search_matrici.php",
                dataType: "json",
                delay: 150,
                data: function (params) {
                    return {
                        q: params.term || "",
                        limit: 20,
                        macro: selectedMacro || "",
                    };
                },
                processResults: function (data) {
                    return { results: data.results || [] };
                },
                cache: true,
            },
        });

        // Ripristina il valore se valido
        if (partId && partId !== "new" && currentValue) {
            $.ajax({
                url: "search_matrici.php",
                data: { id: currentValue },
                dataType: "json",
            }).then(function (data) {
                const item = (data.results || [])[0];
                if (item) {
                    const option = new Option(item.text, item.id, true, true);
                    if (!fromFilter)
                        $select
                            .append(option)
                            .trigger("change", [{ skipHandler: true }]);
                    else $select.append(option);
                    partMatrice[partNumber] = item.id;
                } else {
                    if (!fromFilter)
                        $select
                            .val(null)
                            .trigger("change", [{ skipHandler: true }]);
                    partMatrice[partNumber] = null;
                }
            });
        } else {
            $select.val(null).trigger("change", [{ skipHandler: true }]);
        }

        $select.on("change", function (event, data) {
            if (data && data?.skipHandler) return;

            const idmatrice = $(this).val();
            const $row = $(this).closest("tr");
            const partNumber = $row.find(".part-number").val();

            partMatrice[partNumber] = idmatrice || null;
            markUnsaved();
        });

        // Messaggio se macro selezionata ma nessun risultato sarà gestito dal placeholder Select2

        // Debug per verificare inizializzazione
        console.log(
            "Inizializzo Select2 per partId:",
            partId,
            "con idmatrice:",
            idmatrice,
            "Macro:",
            selectedMacro,
        );
    }

    $(document).on("click", ".propagate-matrice-btn", function () {
        const $row = $(this).closest("tr");
        const globalVal = $("#global-matrice").val();
        const globalText = $("#global-matrice").find("option:selected").text();
        if (globalVal) {
            const $target = $row.find(".part-matrice");
            if (!$target.find(`option[value="${globalVal}"]`).length) {
                $target.append(new Option(globalText, globalVal, true, true));
            }
            $target.val(globalVal).trigger("change");
        } else {
            const errorMsg = $(
                '<div class="alert alert-danger temp-alert" role="alert">Seleziona una matrice globale prima di propagare.</div>',
            );
            $("#partsModal .modal-body").prepend(errorMsg);
            setTimeout(function () {
                errorMsg.fadeOut(500, function () {
                    $(this).remove();
                });
            }, 5000);
        }
    });

    $(document).on("click", ".propagate-all-btn", function () {
        const globalVal = $("#global-matrice").val();
        const globalText = $("#global-matrice").find("option:selected").text();
        if (globalVal) {
            $("#partsTableBody .part-matrice").each(function () {
                const $target = $(this);
                if (!$target.find(`option[value="${globalVal}"]`).length) {
                    $target.append(
                        new Option(globalText, globalVal, true, true),
                    );
                }
                $target.val(globalVal).trigger("change");
            });
        } else {
            const errorMsg = $(
                '<div class="alert alert-danger temp-alert" role="alert">Seleziona una matrice globale prima di propagare.</div>',
            );
            $("#partsModal .modal-body").prepend(errorMsg);
            setTimeout(function () {
                errorMsg.fadeOut(500, function () {
                    $(this).remove();
                });
            }, 5000);
        }
    });
    function saveAllParts(done = null) {
        const $rows = $("#partsTableBody tr");
        const iddatadb = $("#partsModal").data("iddatadb");
        const idquotations = $("#partsModal").data("idquotations");
        const endpoint = idquotations
            ? "save_parts_quotation.php"
            : "save_parts.php";
        const ctx = idquotations ? { idquotations } : { iddatadb };

        if (!iddatadb && !idquotations) {
            if (done) done(false);
            return;
        }

        // Stesso criterio del PHP: una riga nuova viene salvata solo se ha
        // descrizione, nota o data. Filtriamo qui per tenere l'allineamento
        // per indice tra righe inviate e results[] restituiti.
        const rowHasContent = ($row) => {
            const hasId = !!getPartId($row);
            const desc = $row.find(".part-description").val().trim();
            const note = $row.data("note") || "";
            const date = $row.find(".part-dateexpiry").val() || "";
            return hasId || desc || note || date;
        };

        const $rowsToSave = $rows.filter(function () {
            return rowHasContent($(this));
        });

        const partsToSave = $rowsToSave
            .map(function () {
                const $row = $(this);
                return {
                    id: getPartId($row), // null se "new"/""
                    part_number: $row.find(".part-number").val(),
                    part_description: $row
                        .find(".part-description")
                        .val()
                        .trim(),
                    mix: getRowMix($row),
                    idmatrice: $row.find(".part-matrice").val() || null,
                    dateexpiry: $row.find(".part-dateexpiry").val() || null,
                    note: $row.data("note") || null,

                    extra_field_id:
                        $row.find(".part-extra-field-id").val() || null,
                    extra_value_id:
                        $row.find(".part-extra-value-id").val() || null,
                    extra_value_text: $row.find(".part-extra-field").length
                        ? ($row.find(".part-extra-field").val() || "").trim()
                        : null,
                };
            })
            .get();

        if (partsToSave.length === 0) {
            unsavedChanges = false;
            if (done) done(true);
            return;
        }

        const $btn = $("#savePartsBtn");
        const originalHtml = $btn.length ? $btn.html() : "";
        if ($btn.length) {
            $btn.prop("disabled", true).html(
                '<i class="fas fa-spinner fa-spin"></i> Salvataggio...',
            );
        }

        $rowsToSave.find(".save-loading").show();
        $rowsToSave.find(".save-status").hide();

        $.ajax({
            url: endpoint,
            method: "POST",
            data: JSON.stringify({ ...ctx, parts: partsToSave }),
            contentType: "application/json",
            success: function (response) {
                if ($btn.length)
                    $btn.prop("disabled", false).html(originalHtml);
                $rowsToSave.find(".save-loading").hide();

                if (response.success) {
                    // results[] è nell'ordine delle righe inviate
                    const results = response.results || [];
                    $rowsToSave.each(function (i) {
                        const r = results[i];
                        const newId = r ? r.part_id || r.id : null;
                        if (newId) setPartId($(this), newId);
                    });

                    $rowsToSave.find(".save-status").show();
                    setTimeout(
                        () => $rowsToSave.find(".save-status").hide(),
                        2000,
                    );

                    unsavedChanges = false;
                    updateSaveBtnState();

                    if (!$("#quotationeBtn").hasClass("d-none"))
                        $("#quotationeBtn").addClass("d-none");

                    if (done) done(true);
                } else {
                    const errorMsg = $(
                        '<div class="alert alert-danger temp-alert" role="alert">Errore nel salvataggio: ' +
                            (response.message || "Errore sconosciuto") +
                            "</div>",
                    );
                    $("#partsModal .modal-body").prepend(errorMsg);
                    setTimeout(() => {
                        errorMsg.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                    if (done) done(false);
                }
            },
            error: function (xhr, status, error) {
                if ($btn.length)
                    $btn.prop("disabled", false).html(originalHtml);
                $rowsToSave.find(".save-loading").hide();
                const errorMsg = $(
                    '<div class="alert alert-danger temp-alert" role="alert">Errore nel salvataggio: ' +
                        error +
                        " (" +
                        xhr.status +
                        ")</div>",
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(() => {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 5000);
                if (done) done(false);
            },
        });
    }

    $(document).on("click", "#savePartsBtn", function (e) {
        e.preventDefault();
        saveAllParts();
    });

    window.saveAllParts = saveAllParts;
    function renumberParts() {
        console.log(
            "Inizio rinumera parts, numero righe:",
            $("#partsTableBody tr").length,
        );
        const $rows = $("#partsTableBody tr");
        const iddatadb = $("#partsModal").data("iddatadb");
        const idquotations = $("#partsModal").data("idquotations");
        const endpoint = idquotations
            ? "renumber_parts_quotation.php"
            : "renumber_parts.php";
        const data = idquotations
            ? { idquotations: idquotations }
            : { iddatadb: iddatadb };
        let newPartMatrice = {};

        let partsData = $rows
            .map(function (index) {
                const $row = $(this);
                return {
                    partNumber: $row.find(".part-number").val(),
                    partDescription: $row
                        .find(".part-description")
                        .val()
                        .trim(),
                    partId:
                        $row.data("part-id") === "new" ||
                        $row.data("part-id") === ""
                            ? null
                            : $row.data("part-id"),
                    note: $row.data("note") || null,
                    dateexpiry: $row.find(".part-dateexpiry").val() || null,
                };
            })
            .get();

        console.log("Parts to save prima di rinumerazione:", partsData);

        partsData.forEach((part, index) => {
            const newNumber = index + 1;
            newPartMatrice[newNumber] = partMatrice[part.partNumber] || null;
            part.partNumber = newNumber;
        });

        $rows.each(function (index) {
            $(this)
                .find(".part-number")
                .val(index + 1);
        });

        partMatrice = newPartMatrice;

        const partsToSave = partsData.map((part, index) => ({
            id: part.partId,
            part_number: index + 1,
            part_description: part.partDescription,
            mix: getRowMix($rows.eq(index)),
            idmatrice: partMatrice[index + 1] || null,
            note: part.note,
            dateexpiry: part.dateexpiry,
        }));

        console.log("Parts to save inviati al server:", partsToSave);

        $.ajax({
            url: endpoint,
            method: "POST",
            data: JSON.stringify({ ...data, parts: partsToSave }),
            contentType: "application/json",
            success: function (response) {
                console.log("Risposta server:", response);
                if (response.success && response.part_ids) {
                    $rows.each(function (index) {
                        const $row = $(this);
                        const newPartId =
                            response.part_ids[index] || $row.data("part-id");
                        if (newPartId) {
                            $row.attr("data-part-id", newPartId).data(
                                "part-id",
                                newPartId,
                            );
                        }
                        const $saveStatus = $row.find(".save-status");
                        const $saveLoading = $row.find(".save-loading");
                        $saveLoading.hide();
                        $saveStatus.show();
                        setTimeout(() => $saveStatus.hide(), 2000);
                    });
                    $rows
                        .find(".part-number, .part-description")
                        .trigger("blur");
                    unsavedChanges = false;
                } else {
                    console.error("Errore risposta server:", response.message);
                    const errorMsg = $(
                        '<div class="alert alert-danger temp-alert" role="alert">Errore nella rinumerazione delle parti: ' +
                            (response.message || "Errore sconosciuto") +
                            "</div>",
                    );
                    $("#partsModal .modal-body").prepend(errorMsg);
                    setTimeout(function () {
                        errorMsg.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                }
            },
            error: function (xhr, status, error) {
                console.error(
                    "Errore AJAX rinumerazione:",
                    error,
                    xhr.responseText,
                );
                const errorMsg = $(
                    '<div class="alert alert-danger temp-alert" role="alert">Errore nella rinumerazione delle parti: ' +
                        error +
                        " (" +
                        xhr.status +
                        ")</div>",
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(function () {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 5000);
            },
        });
    }

    $(document).on("click", "#renumberPartsBtn", function (e) {
        console.log("Clicked Rinumera Parti - Evento triggerato");
        e.preventDefault();
        renumberParts();
    });

    function markUnsaved() {
        if (isLoadingPartsRecord) return;

        unsavedChanges = true;
        updateSaveBtnState();
    }

    // Aggiorna aspetto del tasto Salva in base a unsavedChanges
    function updateSaveBtnState() {
        const $btn = $("#savePartsBtn");
        if (!$btn.length) return;

        if (unsavedChanges) {
            $btn.removeClass("btn-success").addClass("btn-danger");
        } else {
            $btn.removeClass("btn-danger").addClass("btn-success");
        }
    }
    // Catch-all: modifiche manuali negli input della tabella parti segnano "non salvato".
    // I <select> (matrici Select2) sono esclusi: le loro modifiche reali sono già
    // gestite in initializeSelect2, mentre l'inizializzazione async genererebbe falsi positivi.
    $(document).on(
        "input keyup",
        "#partsTableBody input:not(.part-matrice), #partsTableBody textarea",
        function () {
            markUnsaved();
        },
    );

    $(window).on("beforeunload", function () {
        if (unsavedChanges && $("#partsModal").hasClass("show")) {
            return "Hai modifiche non salvate.";
        }
    });
    $(document).on(
        "click",
        ".add-row-global, .add-mix-global, .add-mix-row, .remove-row, .propagate-matrice-btn, .propagate-all-btn, .note-btn",
        markUnsaved,
    );
    $(document).on("click", "#clonePartsBtn", function (e) {
        e.preventDefault();

        const sourceIddatadb =
            parseInt($("#partsModal").data("iddatadb"), 10) || null;
        const visibleListRaw =
            $("#partsModal").data("visible-iddatadb-list") || [];

        if (!sourceIddatadb) {
            const errorMsg = $(
                '<div class="alert alert-danger temp-alert" role="alert">Source record not found.</div>',
            );
            $("#partsModal .modal-body").prepend(errorMsg);
            setTimeout(() => {
                errorMsg.fadeOut(500, function () {
                    $(this).remove();
                });
            }, 5000);
            return;
        }

        const targetIds = (Array.isArray(visibleListRaw) ? visibleListRaw : [])
            .map((v) => parseInt(v, 10))
            .filter((v) => !isNaN(v) && v > 0 && v !== sourceIddatadb);

        if (!targetIds.length) {
            const errorMsg = $(
                '<div class="alert alert-warning temp-alert" role="alert">No other visible records available for clone.</div>',
            );
            $("#partsModal .modal-body").prepend(errorMsg);
            setTimeout(() => {
                errorMsg.fadeOut(500, function () {
                    $(this).remove();
                });
            }, 5000);
            return;
        }

        // Store context and open confirmation modal (replaces native confirm())
        $("#cloneConfirmModal").data("source-iddatadb", sourceIddatadb);
        $("#cloneConfirmModal").data("target-ids", targetIds);
        $("#cloneConfirmModal")
            .find(".clone-confirm-message")
            .text(
                `Confermi il clone delle parti del record ${sourceIddatadb} negli altri ${targetIds.length} record visibili?`,
            );
        $("#cloneNotesCheckbox").prop("checked", true);
        $("#cloneAnalysesCheckbox").prop("checked", false);

        const modalInstance = new bootstrap.Modal(
            document.getElementById("cloneConfirmModal"),
            { backdrop: "static", keyboard: false },
        );
        modalInstance.show();
    });

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

        const sourceIddatadb = $("#cloneConfirmModal").data("source-iddatadb");
        const targetIds = $("#cloneConfirmModal").data("target-ids") || [];
        const cloneNotes = $("#cloneNotesCheckbox").is(":checked");
        const cloneAnalyses = $("#cloneAnalysesCheckbox").is(":checked");

        if (!sourceIddatadb || !targetIds.length) {
            return;
        }

        const modalInstance = bootstrap.Modal.getInstance(
            document.getElementById("cloneConfirmModal"),
        );
        if (modalInstance) {
            modalInstance.hide();
        }

        const $btn = $("#clonePartsBtn");
        const originalHtml = $btn.html();
        $btn.prop("disabled", true).html(
            '<i class="fas fa-spinner fa-spin"></i> Clonazione...',
        );

        $.ajax({
            url: "clone_parts_to_visible.php",
            method: "POST",
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify({
                source_iddatadb: sourceIddatadb,
                target_iddatadb_list: targetIds,
                clone_notes: cloneNotes,
                clone_analyses: cloneAnalyses,
            }),
            success: function (response) {
                $btn.prop("disabled", false).html(originalHtml);

                if (response.success) {
                    const analysesInfo = cloneAnalyses
                        ? `, total cloned analyses: ${response.total_cloned_analyses || 0}`
                        : "";

                    const successMsg = $(
                        `<div class="alert alert-success temp-alert" role="alert">
                        Clone completed. Source parts copied to ${response.cloned_targets || 0} record(s), total cloned parts: ${response.total_cloned_parts || 0}${analysesInfo}.
                    </div>`,
                    );
                    $("#partsModal .modal-body").prepend(successMsg);
                    setTimeout(() => {
                        successMsg.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                } else {
                    const errorMsg = $(
                        `<div class="alert alert-danger temp-alert" role="alert">Clone error: ${response.message || "Unknown error"}</div>`,
                    );
                    $("#partsModal .modal-body").prepend(errorMsg);
                    setTimeout(() => {
                        errorMsg.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                }
            },
            error: function (xhr, status, error) {
                $btn.prop("disabled", false).html(originalHtml);

                const errorMsg = $(
                    `<div class="alert alert-danger temp-alert" role="alert">Clone error: ${error} (${xhr.status})</div>`,
                );
                $("#partsModal .modal-body").prepend(errorMsg);
                setTimeout(() => {
                    errorMsg.fadeOut(500, function () {
                        $(this).remove();
                    });
                }, 5000);
            },
        });
    });
    // Esporta la funzione loadParts per essere usata da import_Edit2.php
    window.loadParts = loadParts;

    $(document).on("click", "#quotationeBtn", function () {
        $("#addQuotationModal").modal("show");

        if (quotations.length > 0) {
            reloadQuotations();
        } else {
            $.ajax({
                url: "load_quotations.php",
                method: "GET",
                success: function (response) {
                    quotations = response?.quotations || [];

                    reloadQuotations();
                },
                error: function (xhr, status, error) {
                    console.error(
                        "Errore AJAX caricamento quotations:",
                        error,
                        xhr.responseText,
                    );
                    let message = `
						<div class="alert alert-danger temp-alert" role="alert">
							Errore nel caricamento delle quotations: ${error} (${xhr.status})
						</div>
					`;

                    $("#partsModal .modal-body").prepend(errorMsg);

                    setTimeout(function () {
                        message.fadeOut(500, function () {
                            $(this).remove();
                        });
                    }, 5000);
                },
            });
        }
    });

    $(document).on("click", "#addQuotationBtn", function () {
        const quotationId = $("#addQuotationSelect").val();

        if (
            quotationId &&
            confirm("Confermo di collegare la quotazione al campione?")
        ) {
            $("#addQuotationModal").modal("hide");

            loadParts(null, quotationId, () => {
                $("#quotationeBtn").addClass("d-none");

                setTimeout(() => {
                    $("#partsTableBody tr").each(function () {
                        $(this).find(".save-loading").show();
                    });

                    let photoList = $("#photoSelector option")
                        .map(function () {
                            return this.value?.split("/")?.pop();
                        })
                        .get();

                    if (!photoList.length) {
                        let path = $("#samplePhoto")
                            .attr("src")
                            ?.split("/")
                            ?.pop();

                        if (path) photoList = [path];
                    }

                    $.ajax({
                        url: "save_parts_photo_iddatadb.php",
                        method: "POST",
                        data: JSON.stringify({
                            iddatadb: $("#partsModal").data("iddatadb"),
                            photoList,
                            partIds: $("#partsTableBody tr")
                                .map(function () {
                                    return $(this).data("part-id");
                                })
                                .get(),
                        }),
                        success: function () {
                            $("#partsTableBody tr").each(function () {
                                let $row = $(this);
                                let $saveStatus = $row.find(".save-status");
                                let $saveLoading = $row.find(".save-loading");

                                $saveLoading.hide();
                                $saveStatus.show();

                                setTimeout(() => $saveStatus.hide(), 2000);
                            });
                        },
                        error: function (xhr, status, error) {
                            let message = `
								<div class="alert alert-danger temp-alert" role="alert">
									Errore di salvataggio: ${error} (${xhr.status})
								</div>
							`;

                            $("#partsModal .modal-body").prepend(message);

                            setTimeout(function () {
                                message.fadeOut(500, function () {
                                    $(this).remove();
                                });
                            }, 5000);
                        },
                    });
                }, 100);
            });
        }
    });

    function reloadQuotations() {
        if (quotations.length > 0) {
            $("#addQuotationSelect").empty();

            $("#addQuotationSelect").append(
                "<option value=''>Seleziona Quotation</option>",
            );

            quotations.forEach((quotation) => {
                if (quotation?.description) {
                    $("#addQuotationSelect").append(
                        `<option value='${quotation?.id}'>${quotation?.description}</option>`,
                    );
                }
            });

            $("#addQuotationSelect").select2();
        }
    }
});

$(document).on("change", ".propagate-date-input", function () {
    const dateexpiry = $(this).val();
    $("#partsTableBody tr").find(".part-dateexpiry").val(dateexpiry);
    markUnsaved();
});

$(document).on("click", ".propagate-note-btn", function () {
    const $commonNoteModal = $("#commonNoteModal");
    $commonNoteModal.find(".part-note").val("");
    const modalInstance = new bootstrap.Modal($commonNoteModal[0], {
        backdrop: "static",
        keyboard: false,
    });
    modalInstance.show();
});

$(document).on("click", ".save-common-note-btn", function () {
    const $commonNoteModal = $("#commonNoteModal");
    const note = $commonNoteModal.find(".part-note").val().trim();

    $("#partsTableBody tr").each(function () {
        const $row = $(this);
        $row.data("note", note);
        $row.find(".note-btn").toggleClass("has-note", !!note);
    });
    bootstrap.Modal.getInstance(
        document.getElementById("commonNoteModal"),
    ).hide();
    markUnsaved();
});

$(document).on("click", "#showHideImageBtn", function () {
    let mainRow = $(this).closest(".parts-row");
    let photoContainer = mainRow.find(".col-md-3");
    let tableContainer = mainRow
        .find("#partsTable")
        .closest("div[class*='col-md']");

    if (photoContainer.hasClass("d-none")) {
        photoContainer.removeClass("d-none");
        tableContainer.removeClass("col-md-12").addClass("col-md-9");
        $(this).html(
            "<i class='fas fa-eye-slash' style='font-size: 0.8rem;'></i><i class='fas fa-image ms-1' style='font-size: 0.8rem;'></i>",
        );
    } else {
        photoContainer.addClass("d-none");
        tableContainer.removeClass("col-md-9").addClass("col-md-12");
        $(this).html(
            "<i class='fas fa-eye' style='font-size: 0.8rem;'></i><i class='fas fa-image ms-1' style='font-size: 0.8rem;'></i>",
        );
    }

    if (typeof window.applyPartsColumnWidths === "function") {
        setTimeout(window.applyPartsColumnWidths, 150);
    }
});
// ===================
// RESIZABLE PARTS TABLE COLUMNS - FIXED COLGROUP VERSION
// ===================
(function () {
    // Larghezze default per indice colonna (0-based)
    const defaultWidths = [55, 320, 360, 150, 220, 230];
    const savedWidths = [...defaultWidths];

    function getColgroup() {
        return $("#partsTableColgroup");
    }

    function syncColgroupToHeaders() {
        const $table = $("#partsTable");
        const $ths = $table.find("thead tr:first th");
        const $colgroup = getColgroup();
        const thCount = $ths.length;

        // Assicura che ci siano esattamente tante <col> quante <th>
        while ($colgroup.find("col").length < thCount) {
            $colgroup.append("<col>");
        }
        while ($colgroup.find("col").length > thCount) {
            $colgroup.find("col:last").remove();
        }

        // Applica le larghezze salvate
        $colgroup.find("col").each(function (i) {
            const w = savedWidths[i] !== undefined ? savedWidths[i] : 150;
            $(this).css("width", w + "px");
        });

        // Imposta larghezza totale della tabella = somma colonne (evita reflow)
        const total = savedWidths.slice(0, thCount).reduce((a, b) => a + b, 0);
        $table.css("width", total + "px");
    }

    function applyColumnWidth(colIndex, newWidth) {
        const w = Math.max(40, Math.round(newWidth));
        savedWidths[colIndex] = w;

        const $col = getColgroup().find("col").eq(colIndex);
        if ($col.length) {
            $col.css("width", w + "px");
        }

        // Aggiorna larghezza totale tabella senza toccare le altre colonne
        const thCount = $("#partsTable thead tr:first th").length;
        const total = savedWidths.slice(0, thCount).reduce((a, b) => a + b, 0);
        $("#partsTable").css("width", total + "px");
    }

    function addResizers() {
        const $table = $("#partsTable");
        if (!$table.length) return;

        $table.find("thead tr:first th").each(function (colIndex) {
            const $th = $(this);

            // Salta colonna Num (indice 0) — non ridimensionabile
            if (colIndex === 0) return;

            // Non aggiungere due volte
            if ($th.find(".parts-resizer").length) return;

            const $resizer = $("<span class='parts-resizer'></span>");
            $th.css("position", "relative"); // necessario per il posizionamento assoluto
            $th.append($resizer);

            $resizer.on("mousedown", function (e) {
                e.preventDefault();
                e.stopPropagation();

                const startX = e.pageX;
                // Leggi la larghezza ESATTA dalla <col>, non dal <th>
                const startWidth =
                    savedWidths[colIndex] !== undefined
                        ? savedWidths[colIndex]
                        : parseInt(
                              getColgroup()
                                  .find("col")
                                  .eq(colIndex)
                                  .css("width"),
                              10,
                          ) || 150;

                $("body")
                    .css("user-select", "none")
                    .css("cursor", "col-resize");

                $(document).on("mousemove.partsResize", function (ev) {
                    const delta = ev.pageX - startX;
                    applyColumnWidth(colIndex, startWidth + delta);
                });

                $(document).on("mouseup.partsResize", function () {
                    $("body").css("user-select", "").css("cursor", "");
                    $(document).off(".partsResize");
                });
            });
        });
    }

    function init() {
        syncColgroupToHeaders();
        addResizers();
    }

    // Init al primo show del modale
    $(document).on("shown.bs.modal", "#partsModal", function () {
        setTimeout(init, 120);
    });

    // Re-init dopo ogni AJAX (nuove righe, caricamenti)
    $(document).ajaxComplete(function () {
        if ($("#partsModal").hasClass("show")) {
            setTimeout(syncColgroupToHeaders, 200);
            setTimeout(addResizers, 220);
        }
    });

    // Re-init dopo aggiunta/rimozione righe
    $(document).on(
        "click",
        ".add-row-global, .add-mix-global, .add-mix-row, .remove-row, #renumberPartsBtn, #clonePartsBtn",
        function () {
            setTimeout(syncColgroupToHeaders, 120);
            setTimeout(addResizers, 140);
        },
    );

    window.initPartsResizableColumns = init;
    window.applyPartsColumnWidths = syncColgroupToHeaders;
})();
// ===================
// NAVIGAZIONE TABELLA PARTI CON FRECCE TASTIERA
// ===================
(function () {
    // Selettore dei campi navigabili in ogni riga, in ordine di colonna.
    // I select Matrice (Select2) sono esclusi di proposito.
    const NAV_SELECTOR =
        ".part-number, .part-description, .part-dateexpiry, .part-extra-field";

    // Ritorna la lista ordinata dei campi navigabili della riga
    function navFields($row) {
        return $row.find(NAV_SELECTOR).filter(":visible");
    }

    // Il cursore è all'inizio del testo dell'input?
    function atStart(el) {
        if (el.type === "date" || el.type === "number") return true;
        return el.selectionStart === 0 && el.selectionEnd === 0;
    }

    // Il cursore è alla fine del testo dell'input?
    function atEnd(el) {
        if (el.type === "date" || el.type === "number") return true;
        const len = (el.value || "").length;
        return el.selectionStart === len && el.selectionEnd === len;
    }

    function focusField($field) {
        if (!$field || !$field.length) return;
        const el = $field.get(0);
        el.focus();
        // Seleziona il testo per comodità (non sui date input)
        if (el.type !== "date" && typeof el.select === "function") {
            try {
                el.select();
            } catch (e) {}
        }
    }

    $(document).on("keydown", "#partsTableBody " + NAV_SELECTOR, function (e) {
        // Ignora se un dropdown Select2 è aperto
        if ($(".select2-container--open").length) return;

        const key = e.key;
        if (
            key !== "ArrowUp" &&
            key !== "ArrowDown" &&
            key !== "ArrowLeft" &&
            key !== "ArrowRight"
        ) {
            return;
        }

        const el = this;
        const $cur = $(el);
        const $row = $cur.closest("tr");
        const fields = navFields($row);
        const colIndex = fields.index(el);
        if (colIndex === -1) return;

        // --- SU / GIÙ: stessa colonna, riga adiacente ---
        if (key === "ArrowUp" || key === "ArrowDown") {
            const $targetRow =
                key === "ArrowUp" ? $row.prev("tr") : $row.next("tr");
            if (!$targetRow.length) return;

            e.preventDefault();
            const targetFields = navFields($targetRow);
            // Stessa colonna se esiste, altrimenti l'ultima disponibile
            const $target = targetFields.eq(colIndex).length
                ? targetFields.eq(colIndex)
                : targetFields.last();
            focusField($target);
            return;
        }

        // --- SINISTRA: campo precedente, solo se cursore a inizio testo ---
        if (key === "ArrowLeft") {
            if (!atStart(el)) return; // lascia muovere il cursore nel testo
            if (colIndex <= 0) return;
            e.preventDefault();
            focusField(fields.eq(colIndex - 1));
            return;
        }

        // --- DESTRA: campo successivo, solo se cursore a fine testo ---
        if (key === "ArrowRight") {
            if (!atEnd(el)) return;
            if (colIndex >= fields.length - 1) return;
            e.preventDefault();
            focusField(fields.eq(colIndex + 1));
            return;
        }
    });
})();