{{-- Scripts da página de assinatura: PDF.js, preview interativo, drag & drop, modal de confirmação --}}
<script defer src="{{ asset('vendor/pdfjs/pdf.min.js') }}"></script>
<script>
(function() {
    'use strict';

    /* ─── Configuração do PDF.js ─── */
    if (typeof pdfjsLib !== 'undefined') {
        pdfjsLib.GlobalWorkerOptions.workerSrc = "{{ asset('vendor/pdfjs/pdf.worker.min.js') }}";
    }

    /* ─── Referências DOM (imutáveis) ─── */
    const canvas = document.getElementById('pdf-render-canvas');
    const ctx = canvas ? canvas.getContext('2d') : null;
    const fileInput = document.getElementById('pdf_file');
    const paginationWrapper = document.getElementById('pdf-pagination');
    const btnPrev = document.getElementById('btn-prev-page');
    const btnNext = document.getElementById('btn-next-page');
    const spanCurrent = document.getElementById('current-page-num');
    const spanTotal = document.getElementById('total-page-num');
    let posPageInput = document.getElementById('pos_page');

    const confirmModal = document.getElementById('signConfirmModal');
    const confirmSwitch = document.getElementById('confirmSwitch');
    const confirmBtn = document.getElementById('confirmSignBtn');
    const confirmDocName = document.getElementById('confirmDocName');
    const confirmCertName = document.getElementById('confirmCertName');
    const btnSubmit = document.getElementById('btnSignSubmit');
    const wireframe = document.getElementById('a4-wireframe');
    const stamp = document.getElementById('signature-stamp-preview');
    const chkVisualStamp = document.getElementById('add_visual_stamp');

    /* ─── Estado mutável ─── */
    let pdfDoc = null;
    let pageNum = 1;
    let pageRendering = false;
    let pageNumPending = null;
    let isDragging = false;
    const offset = { x: 0, y: 0 };

    // Cria input escondido para pos_page se não existir
    if (!posPageInput) {
        const form = document.querySelector('form');
        if (!form) {
            console.warn('CertificadoDigital: formulário de assinatura não encontrado.');
        } else {
            posPageInput = document.createElement('input');
            posPageInput.type = 'hidden';
            posPageInput.id = 'pos_page';
            posPageInput.name = 'pos_page';
            posPageInput.value = '1';
            form.appendChild(posPageInput);
        }
    }

    /* ─── Renderização de páginas PDF ─── */
    function renderPage(num) {
        pageRendering = true;
        pdfDoc.getPage(num).then(function(page) {
            const viewport = page.getViewport({ scale: 1.5 });
            canvas.height = viewport.height;
            canvas.width = viewport.width;

            const renderContext = {
                canvasContext: ctx,
                viewport: viewport
            };
            const renderTask = page.render(renderContext);

            renderTask.promise.then(function() {
                pageRendering = false;
                if (pageNumPending !== null) {
                    renderPage(pageNumPending);
                    pageNumPending = null;
                }
            });
        });

        spanCurrent.textContent = num;
        posPageInput.value = num;

        if (btnPrev && btnNext) {
            btnPrev.disabled = (num <= 1);
            btnNext.disabled = (num >= pdfDoc.numPages);
        }
    }

    function queueRenderPage(num) {
        if (pageRendering) {
            pageNumPending = num;
        } else {
            renderPage(num);
        }
    }

    function onPrevPage() {
        if (pageNum <= 1) return;
        pageNum--;
        queueRenderPage(pageNum);
    }

    function onNextPage() {
        if (pageNum >= pdfDoc.numPages) return;
        pageNum++;
        queueRenderPage(pageNum);
    }

    if (btnPrev) btnPrev.addEventListener('click', onPrevPage);
    if (btnNext) btnNext.addEventListener('click', onNextPage);

    /* ─── Carregar PDF local ─── */
    if (fileInput) {
        fileInput.addEventListener('change', function(e) {
            const file = e.target.files[0];
            if (file && file.type === 'application/pdf') {
                const fileReader = new FileReader();
                fileReader.onload = function() {
                    const typedarray = new Uint8Array(this.result);
                    pdfjsLib.getDocument(typedarray).promise.then(function(pdfDoc_) {
                        pdfDoc = pdfDoc_;
                        spanTotal.textContent = pdfDoc.numPages;
                        paginationWrapper.classList.remove('d-none');
                        paginationWrapper.classList.add('d-flex');

                        pageNum = pdfDoc.numPages;
                        queueRenderPage(pageNum);

                        const placeholder = document.getElementById('signature-stamp-placeholder');
                        if (placeholder) placeholder.style.display = 'none';
                    });
                };
                fileReader.readAsArrayBuffer(file);
            }
        });
    }

    /* ─── Modal de Confirmação ─── */
    if (confirmSwitch) {
        confirmSwitch.addEventListener('change', function() {
            confirmBtn.disabled = !this.checked;
        });
    }

    if (btnSubmit) {
        btnSubmit.addEventListener('click', function(e) {
            const certSelect = document.getElementById('certificate_id');
            const fileInputEl = document.getElementById('pdf_file');

            if (!certSelect || !certSelect.value) return;
            if (!fileInputEl || !fileInputEl.files || fileInputEl.files.length === 0) return;

            if (confirmDocName) {
                confirmDocName.textContent = fileInputEl.files[0].name;
            }
            if (confirmCertName) {
                const selectedOpt = certSelect.options[certSelect.selectedIndex];
                confirmCertName.textContent = selectedOpt ? selectedOpt.text : '—';
            }

            if (confirmSwitch) confirmSwitch.checked = false;
            if (confirmBtn) confirmBtn.disabled = true;

            e.preventDefault();
            new bootstrap.Modal(confirmModal).show();
        });
    }

    if (confirmBtn) {
        confirmBtn.addEventListener('click', function() {
            const formEl = document.querySelector('form');
            if (formEl) {
                const modal = bootstrap.Modal.getInstance(confirmModal);
                if (modal) modal.hide();
                formEl.submit();
            }
        });
    }

    /* ─── Preview Interativo do Carimbo ─── */
    function getFormattedDate() {
        const now = new Date();
        const d = String(now.getDate()).padStart(2, '0');
        const m = String(now.getMonth() + 1).padStart(2, '0');
        const y = now.getFullYear();
        const h = String(now.getHours()).padStart(2, '0');
        const i = String(now.getMinutes()).padStart(2, '0');
        const s = String(now.getSeconds()).padStart(2, '0');
        return d + '/' + m + '/' + y + ' ' + h + ':' + i + ':' + s;
    }

    function switchPreviewTheme(themeType) {
        const themes = document.querySelectorAll('.preview-theme');
        for (let t = 0; t < themes.length; t++) {
            themes[t].classList.add('d-none');
        }
        const target = document.getElementById('preview-theme-' + themeType);
        if (target) {
            target.classList.remove('d-none');
        }
    }

    const certSelect = document.getElementById('certificate_id');
    const locationInput = document.getElementById('location');
    const themeSelect = document.getElementById('theme_type');

    function updatePreview() {
        const previewStamp = document.getElementById('signature-stamp-preview');
        const placeholderStamp = document.getElementById('signature-stamp-placeholder');
        const nameEls = document.querySelectorAll('.preview-name');
        const metaEls = document.querySelectorAll('.preview-meta');
        const dateEls = document.querySelectorAll('.preview-date');

        if (!certSelect || !previewStamp || !placeholderStamp) return;

        const selectedOption = certSelect.options[certSelect.selectedIndex];

        if (certSelect.value && selectedOption) {
            const commonName = selectedOption.getAttribute('data-common-name') || 'Nome Desconhecido';
            const documentNumber = selectedOption.getAttribute('data-document') || '';
            const displayName = commonName + (documentNumber && documentNumber !== 'sem CPF/CNPJ' ? ' (' + documentNumber + ')' : '');
            const loc = (locationInput && locationInput.value) ? locationInput.value : 'Não inf.';
            const formattedDate = getFormattedDate();

            for (let i = 0; i < nameEls.length; i++) nameEls[i].textContent = displayName;
            for (let j = 0; j < metaEls.length; j++) metaEls[j].textContent = loc;
            for (let k = 0; k < dateEls.length; k++) dateEls[k].textContent = formattedDate;

            const currentTheme = themeSelect ? themeSelect.value : 'lotep-government';
            switchPreviewTheme(currentTheme);

            previewStamp.style.display = 'block';
            placeholderStamp.style.display = 'none';
        } else {
            previewStamp.style.display = 'none';
            placeholderStamp.style.display = 'block';
        }
    }

    if (certSelect) certSelect.addEventListener('change', updatePreview);
    if (locationInput) locationInput.addEventListener('input', updatePreview);
    if (themeSelect) themeSelect.addEventListener('change', updatePreview);

    updatePreview();

    /* ─── Drag & Drop do Carimbo ─── */
    if (chkVisualStamp) {
        chkVisualStamp.addEventListener('change', function() {
            stamp.style.display = (this.checked && certSelect.value) ? 'block' : 'none';
        });
    }

    stamp.addEventListener('mousedown', function(e) {
        isDragging = true;
        const rect = stamp.getBoundingClientRect();
        offset.x = e.clientX - rect.left;
        offset.y = e.clientY - rect.top;
        stamp.style.cursor = 'grabbing';
    });

    document.addEventListener('mouseup', function() {
        isDragging = false;
        stamp.style.cursor = 'grab';
    });

    document.addEventListener('mousemove', function(e) {
        if (!isDragging) return;
        e.preventDefault();

        const wfRect = wireframe.getBoundingClientRect();
        let x = e.clientX - wfRect.left - offset.x;
        let y = e.clientY - wfRect.top - offset.y;

        x = Math.max(0, Math.min(x, wfRect.width - stamp.offsetWidth));
        y = Math.max(0, Math.min(y, wfRect.height - stamp.offsetHeight));

        const pctX = (x / wfRect.width) * 100;
        const pctY = (y / wfRect.height) * 100;

        stamp.style.left = pctX + '%';
        stamp.style.top = pctY + '%';

        document.getElementById('pos_x').value = ((pctX / 100) * 210).toFixed(2);
        document.getElementById('pos_y').value = ((pctY / 100) * 297).toFixed(2);
    });

    stamp.addEventListener('touchstart', function(e) {
        isDragging = true;
        const rect = stamp.getBoundingClientRect();
        offset.x = e.touches[0].clientX - rect.left;
        offset.y = e.touches[0].clientY - rect.top;
    }, { passive: false });

    document.addEventListener('touchend', function() {
        isDragging = false;
    });

    document.addEventListener('touchmove', function(e) {
        if (!isDragging) return;
        e.preventDefault();
        const wfRect = wireframe.getBoundingClientRect();
        let x = e.touches[0].clientX - wfRect.left - offset.x;
        let y = e.touches[0].clientY - wfRect.top - offset.y;

        x = Math.max(0, Math.min(x, wfRect.width - stamp.offsetWidth));
        y = Math.max(0, Math.min(y, wfRect.height - stamp.offsetHeight));

        const pctX = (x / wfRect.width) * 100;
        const pctY = (y / wfRect.height) * 100;
        stamp.style.left = pctX + '%';
        stamp.style.top = pctY + '%';

        document.getElementById('pos_x').value = ((pctX / 100) * 210).toFixed(2);
        document.getElementById('pos_y').value = ((pctY / 100) * 297).toFixed(2);
    }, { passive: false });

})();
</script>