// Consolidated utilities: date formatting and lock modals
document.addEventListener('DOMContentLoaded', () => {
    function getExpiryMs(time, unit) {
        switch (unit) {
            case 'minutes':
                return time * 60 * 1000;
            case 'hours':
                return time * 60 * 60 * 1000;
            case 'days':
                return time * 24 * 60 * 60 * 1000;
            default:
                return 48 * 60 * 60 * 1000; // fallback 48h
        }
    }

    function initExpiryTimers(expiryTime, expiryUnit) {
        // Cache timer elements on init instead of querying every second
        let timers = document.querySelectorAll('.expiry-timer');
        if (timers.length === 0) return; // Don't set interval if no timers exist

        function updateExpiryTimers() {
            const now = new Date();
            timers.forEach(el => {
                const dateStr = el.dataset.date;
                if (!dateStr) return;
                const mailDate = new Date(dateStr);
                // Clamp future-dated mails to now to avoid exceeding configured expiry
                const baseMs = Math.min(mailDate.getTime(), now.getTime());
                const expiry = new Date(baseMs + getExpiryMs(expiryTime, expiryUnit));
                let diff = Math.floor((expiry - now) / 1000);
                if (diff <= 0) {
                    el.textContent = 'Expired';
                    // why am I doing this to myself?
                    try {
                        const horse = document.querySelector('body');
                        const style = getComputedStyle(horse);
                        el.style.color = style.getPropertyValue('accent-color').trim();
                    } catch (_) {
                        el.style.color = '#b00';
                    }

                    return;
                }
                const hours = Math.floor(diff / 3600);
                diff %= 3600;
                const minutes = Math.floor(diff / 60);
                const seconds = diff % 60;
                el.textContent = `Expires in ${hours}h ${minutes}m ${seconds}s`;
            });
        }
        updateExpiryTimers(); // Call once immediately
        setInterval(updateExpiryTimers, 1000); // Then every second
    }

    function formatEmailDates() {
        const dateEls = document.querySelectorAll('.email-date[data-date]');
        dateEls.forEach(el => {
            const dateStr = el.dataset.date;
            if (!dateStr) return;
            const d = new Date(dateStr);
            try {
                const formatted = d.toLocaleString(undefined, {
                    year: 'numeric',
                    month: 'short',
                    day: '2-digit',
                    hour: '2-digit',
                    minute: '2-digit'
                });
                el.textContent = formatted;
            } catch (_) {
                el.textContent = d.toString();
            }
        });
    }

    function formatMailDate() {
        const el = document.querySelector('.mail-date[data-date]');
        if (!el) return;
        const dateStr = el.dataset.date;
        if (!dateStr) return;
        const d = new Date(dateStr);
        try {
            const formatted = d.toLocaleString(undefined, {
                year: 'numeric',
                month: 'short',
                day: '2-digit',
                hour: '2-digit',
                minute: '2-digit'
            });
            el.textContent = formatted;
        } catch (_) {
            el.textContent = d.toString();
        }
    }

    function initLockModals() {
        const lockModal = document.getElementById('lockModal');
        const lockBtn = document.getElementById('lockBtn');
        const closeLock = document.getElementById('closeLock');
        const lockForm = document.querySelector('#lockModal form');

        const unlockModal = document.getElementById('unlockModal');
        const unlockBtn = document.getElementById('unlockBtn');
        const closeUnlock = document.getElementById('closeUnlock');

        const removeLockModal = document.getElementById('removeLockModal');
        const removeLockBtn = document.getElementById('removeLockBtn');
        const closeRemoveLock = document.getElementById('closeRemoveLock');
        const cancelRemoveLock = document.getElementById('cancelRemoveLock');

        const openModal = function(modal) { if (modal) modal.style.display = 'block'; };
        const closeModal = function(modal) { if (modal) modal.style.display = 'none'; };

        if (lockBtn) {
            lockBtn.onclick = function(e) {
                e.preventDefault();
                openModal(lockModal);
            };
        }
        if (closeLock) {
            closeLock.onclick = function() { closeModal(lockModal); };
        }

        if (lockForm) {
            lockForm.addEventListener('submit', function(e) {
                const pwElement = document.getElementById('lockPassword');
                const cfElement = document.getElementById('lockConfirm');
                const pw = pwElement ? pwElement.value : '';
                const cf = cfElement ? cfElement.value : '';
                const err = document.getElementById('lockErrorInline');
                const serverErr = document.getElementById('lockServerError');
                if (serverErr) serverErr.style.display = 'none';

                if (pw !== cf) {
                    e.preventDefault();
                    if (err) {
                        err.textContent = 'Passwords do not match.';
                        err.style.display = 'block';
                    }
                    return;
                }
                if (pw.length < 8) {
                    e.preventDefault();
                    if (err) {
                        err.textContent = 'Password must be at least 8 characters.';
                        err.style.display = 'block';
                    }
                    return;
                }
                if (err) err.style.display = 'none';
            });
        }

        if (lockModal) {
            const lockErrorValue = (lockModal.dataset.lockError || '').trim();
            if (lockErrorValue) {
                openModal(lockModal);
                const err = document.getElementById('lockErrorInline');
                const serverErr = document.getElementById('lockServerError');
                if (serverErr) serverErr.style.display = 'none';
                if (err) {
                    if (lockErrorValue === 'locking_disabled_for_example') {
                        err.textContent = 'Locking is disabled for the example inbox.';
                    } else if (lockErrorValue === 'invalid_password') {
                        err.textContent = 'Please provide a valid password.';
                    } else if (lockErrorValue === 'server_error') {
                        err.textContent = 'A server error occurred. Please try again.';
                    } else if (lockErrorValue === 'remove_failed') {
                        err.textContent = 'Failed to remove lock. Please try again.';
                    } else {
                        err.textContent = 'An error occurred. Please try again.';
                    }
                    err.style.display = 'block';
                }
            }
        }

        if (unlockBtn) {
            unlockBtn.onclick = function(e) {
                e.preventDefault();
                openModal(unlockModal);
            };
        }
        if (closeUnlock) {
            closeUnlock.onclick = function() { closeModal(unlockModal); };
        }
        if (unlockModal) {
            const unlockErrorValue = (unlockModal.dataset.unlockError || '').trim();
            if (unlockErrorValue) { openModal(unlockModal); }
        }

        if (removeLockBtn) {
            removeLockBtn.onclick = function(e) {
                e.preventDefault();
                openModal(removeLockModal);
            };
        }
        if (closeRemoveLock) {
            closeRemoveLock.onclick = function() { closeModal(removeLockModal); };
        }
        if (cancelRemoveLock) {
            cancelRemoveLock.onclick = function() { closeModal(removeLockModal); };
        }

        window.onclick = function(e) {
            if (e.target === lockModal) closeModal(lockModal);
            if (e.target === unlockModal) closeModal(unlockModal);
            if (e.target === removeLockModal) closeModal(removeLockModal);
        };
    }

    function initCopyAddress() {
        const copyAddress = document.getElementById('copyAddress');
        const copyFeedback = document.getElementById('copyFeedback');
        if (!copyAddress) return;
        copyAddress.addEventListener('click', () => {
            const text = copyAddress.textContent ? copyAddress.textContent.trim() : '';
            navigator.clipboard.writeText(text).then(() => {
                if (copyFeedback) {
                    copyFeedback.style.display = 'inline';
                    setTimeout(() => { copyFeedback.style.display = 'none'; }, 1200);
                }
            }).catch(() => {
                // Fallback for older browsers
                try {
                    const range = document.createRange();
                    range.selectNode(copyAddress);
                    const sel = window.getSelection();
                    sel.removeAllRanges();
                    sel.addRange(range);
                    document.execCommand('copy');
                    sel.removeAllRanges();
                    if (copyFeedback) {
                        copyFeedback.style.display = 'inline';
                        setTimeout(() => { copyFeedback.style.display = 'none'; }, 1200);
                    }
                } catch (_) {}
            });
        });
    }

    // Expose utilities and run them
    window.utils = { formatEmailDates, formatMailDate, initLockModals, initCopyAddress, initExpiryTimers };
    formatEmailDates();
    formatMailDate();
    initLockModals();
    initCopyAddress();
});