document.addEventListener('DOMContentLoaded', () => {

    /* ── Create-paste page ── */
    const pasteForm  = document.getElementById('pasteForm');
    const resultBox  = document.getElementById('result');
    const pasteText  = document.getElementById('pasteText');
    const charCount  = document.getElementById('charCount');
    const submitBtn  = document.getElementById('submitBtn');

    if (pasteText && charCount) {
        const update = () => {
            charCount.textContent = pasteText.value.length.toLocaleString();
            pasteText.style.height = 'auto';
            pasteText.style.height = Math.max(280, pasteText.scrollHeight) + 'px';
        };
        pasteText.addEventListener('input', update);
        update();
    }

    if (pasteForm) {
        pasteForm.addEventListener('submit', async (e) => {
            e.preventDefault();

            if (!pasteText || pasteText.value.trim() === '') {
                pasteText.focus();
                pasteText.style.borderColor = 'var(--error)';
                setTimeout(() => pasteText.style.borderColor = '', 1200);
                return;
            }

            submitBtn.classList.add('loading');
            submitBtn.querySelector('span').textContent = 'Creating...';

            try {
                const res  = await fetch('/index.php?action=save', {
                    method: 'POST',
                    body: new FormData(pasteForm),
                });
                const data = await res.json();

                if (!data.success) {
                    showError(data.message || 'Something went wrong.');
                    return;
                }

                const linkInput = document.getElementById('pasteLink');
                const viewLink  = document.getElementById('viewLink');
                linkInput.value = data.url;
                viewLink.href   = data.url;
                resultBox.removeAttribute('hidden');
                resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });

                pasteText.value = '';
                if (charCount) charCount.textContent = '0';

            } catch {
                showError('Network error. Please try again.');
            } finally {
                submitBtn.classList.remove('loading');
                submitBtn.querySelector('span').textContent = 'Create Secure Link';
            }
        });

        function showError(msg) {
            resultBox.removeAttribute('hidden');
            resultBox.style.borderLeftColor = 'var(--error)';
            resultBox.innerHTML = `
                <div class="alert alert-error">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
                    ${msg}
                </div>`;
        }
    }

    /* ── Copy link button (result box) ── */
    document.addEventListener('click', (e) => {
        const btn = e.target.closest('#copyLinkBtn');
        if (!btn) return;
        const val = document.getElementById('pasteLink')?.value;
        if (!val) return;
        copyToClipboard(val, btn, 'Copied!', 'Copy');
    });

    /* ── View-paste page: copy content ── */
    const copyBtn = document.getElementById('copyBtn');
    if (copyBtn) {
        copyBtn.addEventListener('click', () => {
            const content = document.getElementById('pasteContent')?.innerText;
            if (!content) return;
            copyToClipboard(content, copyBtn, 'Copied!', 'Copy');
        });
    }

    /* ── Shared helper ── */
    function copyToClipboard(text, btn, successLabel, defaultLabel) {
        const doSuccess = () => {
            const span = btn.querySelector('span') || btn;
            btn.classList.add('copied');
            span.textContent = successLabel;
            setTimeout(() => {
                btn.classList.remove('copied');
                span.textContent = defaultLabel;
            }, 2000);
        };

        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(text).then(doSuccess);
        } else {
            const ta = document.createElement('textarea');
            ta.value = text;
            ta.style.position = 'fixed';
            ta.style.opacity = '0';
            document.body.appendChild(ta);
            ta.focus();
            ta.select();
            document.execCommand('copy');
            document.body.removeChild(ta);
            doSuccess();
        }
    }
});