/* Multithreaded — Core JavaScript */
'use strict';

/* ===========================================
   CSRF
   =========================================== */

function csrfHeaders() {
    var token = document.querySelector('meta[name="csrf-token"]')?.content;
    return token ? { 'X-CSRF-Token': token } : {};
}

(function() {
    var csrfToken = document.querySelector('meta[name="csrf-token"]')?.content;
    if (csrfToken) {
        document.body.addEventListener('htmx:configRequest', function(evt) {
            evt.detail.headers['X-CSRF-Token'] = csrfToken;
        });
    }
})();

/* ===========================================
   TOAST NOTIFICATIONS
   =========================================== */

function showToast(message, type) {
    var container = document.getElementById('notifications');
    if (!container) return;
    var toast = document.createElement('div');
    toast.className = 'toast toast-' + (type || 'error');
    toast.textContent = message;
    container.appendChild(toast);
    setTimeout(function() {
        toast.classList.add('fade-out');
        setTimeout(function() { toast.remove(); }, 300);
    }, 3000);
}

document.body.addEventListener('showToast', function(evt) {
    showToast(evt.detail.message || 'Action completed', evt.detail.type || 'info');
});

document.body.addEventListener('htmx:responseError', function(evt) {
    var container = document.getElementById('notifications');
    if (!container) return;
    var toast = document.createElement('div');
    toast.className = 'toast toast-error';
    var msg = document.createElement('span');
    msg.textContent = 'An error occurred.';
    toast.appendChild(msg);
    var retryBtn = document.createElement('button');
    retryBtn.textContent = 'Retry';
    retryBtn.className = 'toast-retry-btn';
    retryBtn.onclick = function() {
        toast.remove();
        var elt = evt.detail.elt;
        if (elt) htmx.trigger(elt, htmx.closest(elt, '[hx-trigger]') ? 'htmx:trigger' : 'click');
    };
    toast.appendChild(retryBtn);
    container.appendChild(toast);
    setTimeout(function() {
        toast.classList.add('fade-out');
        setTimeout(function() { toast.remove(); }, 300);
    }, 6000);
});

/* ===========================================
   HTMX FORM STATE (loading buttons)
   =========================================== */

document.body.addEventListener('htmx:beforeRequest', function(evt) {
    var form = evt.detail.elt.closest('form');
    if (form) {
        var btn = form.querySelector('button[type="submit"], .primary');
        if (btn) { btn.dataset.origText = btn.textContent; btn.textContent = 'Saving...'; btn.disabled = true; }
    }
});

document.body.addEventListener('htmx:afterRequest', function(evt) {
    var form = evt.detail.elt.closest('form');
    if (form) {
        var btn = form.querySelector('button[type="submit"], .primary');
        if (btn && btn.dataset.origText) { btn.textContent = btn.dataset.origText; btn.disabled = false; }
    }
});

/* ===========================================
   SEARCH MODAL
   =========================================== */

function openSearchModal() {
    var modal = document.getElementById('search-modal');
    if (!modal) return;
    modal.hidden = false;
    var input = document.getElementById('search-input');
    if (input) { input.value = ''; input.focus(); }
    document.getElementById('search-results').innerHTML = '';
}

function closeSearchModal() {
    var modal = document.getElementById('search-modal');
    if (modal) modal.hidden = true;
}

// Wire up search button and backdrop via event listeners (no inline handlers)
(function() {
    var btn = document.getElementById('search-btn');
    if (btn) btn.addEventListener('click', openSearchModal);
    var backdrop = document.getElementById('search-backdrop');
    if (backdrop) backdrop.addEventListener('click', closeSearchModal);
})();

(function() {
    // Keyboard navigation within search results
    document.addEventListener('keydown', function(e) {
        var modal = document.getElementById('search-modal');
        if (!modal || modal.hidden) return;

        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
            e.preventDefault();
            var items = modal.querySelectorAll('.search-result');
            if (!items.length) return;
            var active = modal.querySelector('.search-result.search-active');
            var idx = -1;
            if (active) {
                active.classList.remove('search-active');
                idx = Array.prototype.indexOf.call(items, active);
            }
            if (e.key === 'ArrowDown') idx = (idx + 1) % items.length;
            else idx = idx <= 0 ? items.length - 1 : idx - 1;
            items[idx].classList.add('search-active');
            items[idx].scrollIntoView({ block: 'nearest' });
        }

        if (e.key === 'Enter') {
            var active = modal.querySelector('.search-result.search-active');
            if (active) {
                var link = active.querySelector('a');
                if (link) { window.location.href = link.href; e.preventDefault(); }
            }
        }
    });
})();

/* ===========================================
   KEYBOARD SHORTCUTS
   =========================================== */

document.addEventListener('keydown', function(e) {
    // Search shortcut: / key (when not in input)
    if (e.key === '/' && !e.ctrlKey && !e.metaKey) {
        var tag = document.activeElement?.tagName;
        if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return;
        e.preventDefault();
        openSearchModal();
        return;
    }
    if (e.key === 'Escape') {
        var modal = document.getElementById('search-modal');
        if (modal && !modal.hidden) { closeSearchModal(); return; }
        var overlay = document.querySelector('.modal-overlay');
        if (overlay) overlay.remove();
    }
    if ((e.metaKey || e.ctrlKey) && e.key === 's') {
        e.preventDefault();
        var form = document.activeElement?.closest('form');
        if (form) { var btn = form.querySelector('button[type="submit"]'); if (btn) btn.click(); }
    }
});

/* ===========================================
   IMAGE CLICK — open full size in new tab
   =========================================== */

document.addEventListener('click', function(e) {
    var img = e.target;
    if (img.tagName === 'IMG' && img.closest('.post-body')) {
        window.open(img.src, '_blank');
    }
});

/* ===========================================
   NAV TOGGLE
   =========================================== */

document.addEventListener('click', function(e) {
    var toggle = document.getElementById('nav-toggle');
    if (toggle && toggle.checked && e.target.closest('.nav-links a, .nav-links .link-button')) {
        toggle.checked = false;
    }
});

/* ===========================================
   FORM POST WITH CSRF
   =========================================== */

document.addEventListener('submit', function(e) {
    var form = e.target;
    if (form.method && form.method.toUpperCase() === 'POST') {
        var token = document.querySelector('meta[name="csrf-token"]')?.content;
        if (!token) return;
        e.preventDefault();
        fetch(form.action || window.location.href, {
            method: 'POST',
            headers: { 'X-CSRF-Token': token, 'Content-Type': 'application/x-www-form-urlencoded' },
            body: new URLSearchParams(new FormData(form)),
            redirect: 'follow',
        }).then(function(resp) { window.location.href = resp.url; });
    }
});

/* ===========================================
   TOAST FROM URL PARAMETER
   =========================================== */

(function() {
    var p = new URLSearchParams(window.location.search).get('toast');
    if (p) {
        showToast(decodeURIComponent(p), 'success');
        history.replaceState(null, '', window.location.pathname);
    }
})();

/* ===========================================
   DRAFT AUTO-SAVE
   =========================================== */

(function() {
    var body = document.getElementById('body') || document.getElementById('reply-body');
    if (!body || body.tagName !== 'TEXTAREA') return;
    if (localStorage.getItem('mt_tracking_enabled') === 'false') return;

    var title = document.getElementById('title');
    if (title && title.tagName !== 'INPUT') title = null;
    var key = 'mt_draft:' + window.location.pathname;
    var form = body.closest('form');
    var timer = null;
    var MAX_DRAFTS = 20;
    var WEEK_MS = 7 * 24 * 60 * 60 * 1000;

    // Restore
    var raw = localStorage.getItem(key);
    if (raw && !body.value.trim()) {
        try {
            var draft = JSON.parse(raw);
            if (Date.now() - draft.ts > WEEK_MS) { localStorage.removeItem(key); }
            else {
                body.value = draft.body || '';
                if (title && !title.value.trim()) title.value = draft.title || '';
                var ind = document.createElement('div');
                ind.className = 'draft-indicator';
                ind.textContent = 'Draft restored. ';
                var discard = document.createElement('a');
                discard.textContent = 'Discard';
                discard.href = '#';
                discard.className = 'draft-discard';
                discard.onclick = function(e) {
                    e.preventDefault();
                    localStorage.removeItem(key);
                    body.value = '';
                    if (title) title.value = '';
                    ind.remove();
                };
                ind.appendChild(discard);
                body.parentNode.insertBefore(ind, body);
            }
        } catch(e) { localStorage.removeItem(key); }
    }

    // Save (debounced)
    function save() {
        var b = body.value.trim();
        var t = title ? title.value.trim() : '';
        if (!b && !t) { localStorage.removeItem(key); return; }
        localStorage.setItem(key, JSON.stringify({ body: body.value, title: title ? title.value : '', ts: Date.now() }));
        // LRU cleanup
        var drafts = [];
        for (var i = 0; i < localStorage.length; i++) {
            var k = localStorage.key(i);
            if (k && k.indexOf('mt_draft:') === 0 && k !== key) {
                try { drafts.push({ k: k, ts: JSON.parse(localStorage.getItem(k)).ts }); } catch(e) {}
            }
        }
        if (drafts.length >= MAX_DRAFTS) {
            drafts.sort(function(a, b) { return a.ts - b.ts; });
            while (drafts.length >= MAX_DRAFTS) { localStorage.removeItem(drafts.shift().k); }
        }
    }
    function debounced() { clearTimeout(timer); timer = setTimeout(save, 1000); }
    body.addEventListener('input', debounced);
    if (title) title.addEventListener('input', debounced);

    // Clear on submit
    if (form) form.addEventListener('submit', function() { localStorage.removeItem(key); });
})();

/* ===========================================
   LOCAL UNREAD TRACKING (category pages)
   =========================================== */

(function() {
    if (localStorage.getItem('mt_tracking_enabled') === 'false') return;
    var rows = document.querySelectorAll('tr[data-thread-id]');
    if (!rows.length) return;

    var KEY = 'mt_thread_state';
    var MAX_ENTRIES = 1000;
    var state = {};
    try { state = JSON.parse(localStorage.getItem(KEY) || '{}'); } catch(e) { state = {}; }

    rows.forEach(function(row) {
        var tid = row.getAttribute('data-thread-id');
        var count = parseInt(row.getAttribute('data-reply-count'), 10) || 0;
        var prev = state[tid];
        if (prev !== undefined && count > prev) {
            row.classList.add('unread');
        }
    });

    // On thread link click, store current count
    rows.forEach(function(row) {
        var link = row.querySelector('.thread-title a');
        if (!link) return;
        link.addEventListener('click', function() {
            var tid = row.getAttribute('data-thread-id');
            var count = parseInt(row.getAttribute('data-reply-count'), 10) || 0;
            state[tid] = count;
            // LRU cleanup
            var keys = Object.keys(state);
            if (keys.length > MAX_ENTRIES) {
                keys.slice(0, keys.length - MAX_ENTRIES).forEach(function(k) { delete state[k]; });
            }
            localStorage.setItem(KEY, JSON.stringify(state));
        });
    });
})();

/* ===========================================
   TRACKING OPT-OUT TOGGLE
   =========================================== */

(function() {
    var checkbox = document.getElementById('tracking-opt-out');
    if (!checkbox) return;
    var isDisabled = localStorage.getItem('mt_tracking_enabled') === 'false';
    checkbox.checked = isDisabled;
    checkbox.addEventListener('change', function() {
        if (checkbox.checked) {
            localStorage.setItem('mt_tracking_enabled', 'false');
        } else {
            localStorage.removeItem('mt_tracking_enabled');
        }
    });
})();

/* ===========================================
   IMAGE UPLOAD (drag-and-drop + paste)
   =========================================== */

(function() {
    var textarea = document.getElementById('body') || document.getElementById('reply-body');
    if (!textarea || textarea.tagName !== 'TEXTAREA') return;

    var form = textarea.closest('form');
    if (!form) return;

    // Extract community slug from form action or URL
    var match = window.location.pathname.match(/^\/p\/([^/]+)/);
    if (!match) return;
    var slug = match[1];

    function uploadFile(file) {
        var ALLOWED = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];
        if (ALLOWED.indexOf(file.type) === -1) {
            showToast('Only PNG, JPG, GIF, and WebP images allowed.', 'error');
            return;
        }
        if (file.size > 5 * 1024 * 1024) {
            showToast('Image exceeds 5 MB limit.', 'error');
            return;
        }

        // Insert placeholder
        var placeholder = '![Uploading ' + file.name + '...]()';
        var start = textarea.selectionStart;
        textarea.value = textarea.value.substring(0, start) + placeholder + textarea.value.substring(textarea.selectionEnd);
        textarea.selectionStart = textarea.selectionEnd = start + placeholder.length;

        var formData = new FormData();
        formData.append('file', file);

        var token = document.querySelector('meta[name="csrf-token"]')?.content;
        var headers = {};
        if (token) headers['X-CSRF-Token'] = token;

        fetch('/p/' + slug + '/upload', {
            method: 'POST',
            headers: headers,
            body: formData,
        })
        .then(function(resp) {
            if (!resp.ok) return resp.text().then(function(t) { throw new Error(t); });
            return resp.json();
        })
        .then(function(data) {
            textarea.value = textarea.value.replace(placeholder, data.markdown);
        })
        .catch(function(err) {
            textarea.value = textarea.value.replace(placeholder, '');
            showToast(err.message || 'Upload failed.', 'error');
        });
    }

    // Drag and drop
    textarea.addEventListener('dragover', function(e) {
        e.preventDefault();
        textarea.classList.add('drag-over');
    });
    textarea.addEventListener('dragleave', function() {
        textarea.classList.remove('drag-over');
    });
    textarea.addEventListener('drop', function(e) {
        e.preventDefault();
        textarea.classList.remove('drag-over');
        var files = e.dataTransfer?.files;
        if (files) {
            for (var i = 0; i < files.length; i++) {
                if (files[i].type.indexOf('image/') === 0) uploadFile(files[i]);
            }
        }
    });

    // Paste
    textarea.addEventListener('paste', function(e) {
        var items = e.clipboardData?.items;
        if (!items) return;
        for (var i = 0; i < items.length; i++) {
            if (items[i].type.indexOf('image/') === 0) {
                e.preventDefault();
                var file = items[i].getAsFile();
                if (file) uploadFile(file);
                return;
            }
        }
    });
})();

/* ===========================================
   SELECT-TO-QUOTE (thread pages)
   =========================================== */

(function() {
    var quoteBtn = null;

    document.addEventListener('mouseup', function(e) {
        var sel = window.getSelection();
        if (!sel || sel.isCollapsed || !sel.toString().trim()) {
            if (quoteBtn) { quoteBtn.remove(); quoteBtn = null; }
            return;
        }
        var postBody = sel.anchorNode;
        while (postBody && !postBody.classList) postBody = postBody.parentElement;
        while (postBody && !postBody.classList.contains('post-body')) postBody = postBody.parentElement;
        if (!postBody) return;
        var postItem = postBody.closest('.post-item');
        if (!postItem || postItem.classList.contains('post-removed')) return;
        var replyBody = document.getElementById('reply-body');
        if (!replyBody) return;

        if (quoteBtn) quoteBtn.remove();
        quoteBtn = document.createElement('button');
        quoteBtn.className = 'quote-btn';
        quoteBtn.textContent = 'Quote';
        quoteBtn.type = 'button';

        var range = sel.getRangeAt(0);
        var rect = range.getBoundingClientRect();
        quoteBtn.style.top = (window.scrollY + rect.top - 30) + 'px';
        quoteBtn.style.left = (window.scrollX + rect.left) + 'px';
        document.body.appendChild(quoteBtn);

        quoteBtn.addEventListener('mousedown', function(ev) {
            ev.preventDefault();
            var text = sel.toString().trim();
            var postId = postItem.getAttribute('data-post-id');
            if (!text || !postId) return;

            crypto.subtle.digest('SHA-256', new TextEncoder().encode(text)).then(function(buf) {
                var arr = new Uint8Array(buf);
                var hash = '';
                for (var i = 0; i < 4; i++) hash += ('0' + arr[i].toString(16)).slice(-2);
                var quoted = text.split('\n').map(function(l) { return '> ' + l; }).join('\n');
                var marker = '[quote:' + postId + ':' + hash + ']';
                var insert = quoted + '\n' + marker + '\n\n';
                replyBody.value = replyBody.value + insert;
                replyBody.focus();
                var form = document.getElementById('reply-form');
                if (form) form.scrollIntoView({ behavior: 'smooth' });
                if (quoteBtn) { quoteBtn.remove(); quoteBtn = null; }
            });
        });
    });

    document.addEventListener('mousedown', function(e) {
        if (quoteBtn && e.target !== quoteBtn) {
            quoteBtn.remove();
            quoteBtn = null;
        }
    });
})();