/* Compose-window page controller. Externalized from an inline <script> so
   the CSP script-src can drop 'unsafe-inline'. */
let accounts = [];
let tauriInvoke = null;

// Reply context from URL params (set when opening reply/reply-all)
const replyContext = {
    inReplyTo: null,
    references: null,
    threadId: null,
};

function getUrlParams() {
    const params = new URLSearchParams(window.location.search);
    return {
        to: params.get('to') || '',
        subject: params.get('subject') || '',
        body: params.get('body') || '',
        inReplyTo: params.get('inReplyTo') || null,
        references: params.get('references') || null,
        threadId: params.get('threadId') || null,
        accountId: params.get('accountId') || null,
        draftId: params.get('draftId') || null,
    };
}

async function initTauri() {
    if (window.__TAURI__) {
        tauriInvoke = window.__TAURI__.core.invoke;
        return true;
    }
    return false;
}

async function invoke(command, args = {}) {
    if (!tauriInvoke) await initTauri();
    if (!tauriInvoke) throw new Error('Tauri not available');
    return tauriInvoke(command, args);
}

function setStatus(message, type = '') {
    const statusBar = document.getElementById('status-bar');
    statusBar.textContent = message;
    statusBar.className = 'status-bar' + (type ? ' ' + type : '');
}

async function loadAccounts() {
    try {
        accounts = await invoke('list_email_accounts');
        const select = document.getElementById('from-account');

        if (accounts.length === 0) {
            select.innerHTML = '<option value="">No email accounts configured</option>';
            document.getElementById('send-btn').disabled = true;
            setStatus('No email accounts configured. Add one in Settings.', 'error');
            return;
        }

        select.innerHTML = accounts.map(a =>
            `<option value="${a.id}">${escapeHtml(a.account_name)} &lt;${escapeHtml(a.email_address)}&gt;</option>`
        ).join('');

        setStatus('Ready');
    } catch (err) {
        setStatus('Failed to load accounts: ' + err, 'error');
    }
}

async function sendEmail() {
    if (composeCtrl) composeCtrl.setSending(true);

    // Stages 1/4 of compose unification, payload shape + validation
    // live in compose-form.js; attached files come from the controller.
    const attachedFiles = composeCtrl ? composeCtrl.getAttachedFiles() : [];
    const input = composeForm.collectInput({
        accountId: document.getElementById('from-account').value,
        toAddress: document.getElementById('to-address').value,
        ccAddress: document.getElementById('cc-address').value,
        bccAddress: document.getElementById('bcc-address').value,
        subject: document.getElementById('subject').value,
        body: document.getElementById('body').value,
        attachedFiles,
        replyContext,
    });
    const result = composeForm.validateForSend(input, attachedFiles);
    if (!result.ok) {
        setStatus(result.message, 'error');
        if (composeCtrl) composeCtrl.setSending(false);
        return;
    }

    document.body.classList.add('compose-loading');
    const isReply = !!input.inReplyTo;
    setStatus(isReply ? 'Queueing reply…' : 'Queueing send…');

    // Send is queued in the main app with a 5 s undo window. The
    // compose window closes immediately; the main app handles the
    // actual send and any error / save-implicit-contact follow-up.
    // Implicit-contact prompts now live on the main-app shell instead
    // of the compose window, Phase 7 Tier 1 #3.
    try {
        await window.__TAURI__.event.emit('compose:queue-send', {
            input,
            delaySeconds: 5,
        });
        setStatus(isReply ? 'Reply queued; undo in main window' : 'Email queued; undo in main window', 'success');
        setTimeout(() => {
            window.__TAURI__.webviewWindow.getCurrentWebviewWindow().close();
        }, 250);
    } catch (err) {
        document.body.classList.remove('compose-loading');
        if (composeCtrl) composeCtrl.setSending(false);
        setStatus('Failed to queue send: ' + err, 'error');
    }
}

function saveDraft() {
    if (composeCtrl) composeCtrl.saveDraftNow();
}

function discardAndClose() {
    const body = document.getElementById('body').value;
    const subject = document.getElementById('subject').value;
    const to = document.getElementById('to-address').value;

    if (body || subject || to) {
        if (!confirm('Discard this message?')) {
            return;
        }
    }

    window.__TAURI__.webviewWindow.getCurrentWebviewWindow().close();
}

// Stage 4 of compose unification, autocomplete, address highlight,
// CC/BCC toggle, signature swap, and attachment picker/render/remove
// now live in composeForm.bindBehaviors. This inline script keeps a thin
// contacts loader (contactEmails); the controller's getContacts callback
// reads it. escape.js bootstraps GoingsOn here, so the compose API is on
// the namespace.

const composeForm = GoingsOn.composeForm;
let composeCtrl = null;
let contactEmails = []; // [{name, email, isImplicit}]

async function loadContactEmails() {
    try {
        // Lightweight directory (one JOIN, name + address only) instead of
        // hydrating every contact's sub-collections just for autocomplete.
        const entries = await invoke('list_contact_email_directory', { includeImplicit: true });
        contactEmails = entries.map(e => ({
            name: e.name || '',
            email: e.email,
            isImplicit: e.isImplicit || false,
        }));
    } catch (_) { /* contacts unavailable */ }
}

// Handle keyboard shortcuts
document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape') {
        discardAndClose();
    }
    if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
        sendEmail();
    }
    if ((e.ctrlKey || e.metaKey) && e.key === 's') {
        e.preventDefault();
        saveDraft();
    }
});

// Initialize
document.addEventListener('DOMContentLoaded', async () => {
    const form = document.getElementById('compose-form');
    form.innerHTML = composeForm.buildFieldsHtml({
        accountsLoading: true,
        showAttachments: false, // window keeps attachments-bar outside the form
    });

    // Toolbar + form wiring (was inline on* attributes; moved to
    // addEventListener so the CSP nonce can drop 'unsafe-inline').
    document.getElementById('send-btn').addEventListener('click', sendEmail);
    document.getElementById('save-draft-btn').addEventListener('click', saveDraft);
    document.getElementById('discard-btn').addEventListener('click', discardAndClose);
    form.addEventListener('submit', (e) => e.preventDefault());

    await initTauri();
    await loadAccounts();
    await loadContactEmails();

    // Stage 4, single bindBehaviors call replaces the old
    // setupAutocomplete / attachAddressHighlight / appendSignatureForAccount
    // / toggleCcBcc / pickAttachment / renderAttachments wiring. Must
    // happen after loadAccounts so the controller sees the account list
    // for signature swaps.
    composeCtrl = composeForm.bindBehaviors({
        accounts,
        getContacts: () => contactEmails,
        onError: (msg) => setStatus(msg, 'error'),
        enableAutosave: true,
        saveDraft: (input) => invoke('save_email_draft', { input }),
        getReplyContext: () => replyContext,
        onDraftStatus: (kind, message) => setStatus(message, kind === 'error' ? 'error' : 'success'),
        enableReplyIndicator: true,
    });
    // Pause autosave during init so the URL-param / draft-resume path
    // doesn't race with the first keystroke and create an orphan draft.
    composeCtrl.setSending(true);
    document.getElementById('attach-btn').addEventListener('click', composeCtrl.pickAttachment);

    // Check for draft ID to resume editing
    const params = getUrlParams();
    if (params.draftId) {
        try {
            const draft = await invoke('get_email', { id: params.draftId });
            if (draft && draft.isDraft) {
                composeCtrl.setCurrentDraftId(draft.id);
                document.getElementById('to-address').value = draft.to || '';
                document.getElementById('cc-address').value = draft.ccAddress || '';
                document.getElementById('bcc-address').value = draft.bccAddress || '';
                document.getElementById('subject').value = draft.subject || '';
                document.getElementById('body').value = draft.body || '';
                if (draft.ccAddress || draft.bccAddress) composeCtrl.toggleCcBcc();
                if (draft.draftAccountId) {
                    const select = document.getElementById('from-account');
                    if (select.querySelector(`option[value="${draft.draftAccountId}"]`)) {
                        select.value = draft.draftAccountId;
                    }
                }
                if (draft.inReplyTo) {
                    replyContext.inReplyTo = draft.inReplyTo;
                    replyContext.threadId = draft.threadId;
                }
                setStatus('Editing draft');
                // Trigger address highlight sync for loaded values
                for (const id of ['to-address', 'cc-address', 'bcc-address']) {
                    document.getElementById(id).dispatchEvent(new Event('input'));
                }
            }
        } catch (_) { /* draft not found, start fresh */ }
    }

    const hasResumedDraft = !!composeCtrl.getCurrentDraftId();
    // Apply reply context from URL params (skip if draft was loaded)
    if (!hasResumedDraft && params.to) {
        document.getElementById('to-address').value = params.to;
        document.getElementById('to-address').dispatchEvent(new Event('input'));
    }
    if (!hasResumedDraft && params.subject) {
        document.getElementById('subject').value = params.subject;
    }
    if (!hasResumedDraft && params.body) {
        document.getElementById('body').value = params.body;
    }
    if (!hasResumedDraft && params.inReplyTo) {
        replyContext.inReplyTo = params.inReplyTo;
        replyContext.references = params.references;
        replyContext.threadId = params.threadId;
    }
    // Auto-select the From account that received the original email
    if (params.accountId) {
        const select = document.getElementById('from-account');
        if (select.querySelector(`option[value="${params.accountId}"]`)) {
            select.value = params.accountId;
        }
    }

    // Reply indicator + send-button relabel, controller reads replyContext.
    composeCtrl.updateReplyIndicator();

    // Append signature for the selected account
    composeCtrl.appendSignatureForAccount(document.getElementById('from-account').value);

    // Focus: body for replies (to/subject already filled), to for new compose
    if (params.inReplyTo) {
        document.getElementById('body').focus();
        // Place cursor at the start (before quoted text)
        const bodyEl = document.getElementById('body');
        bodyEl.setSelectionRange(0, 0);
    } else {
        document.getElementById('to-address').focus();
    }

    // Init done, re-enable autosave on user input.
    composeCtrl.setSending(false);
});