// =====================================================================
// Navigation helpers for Shaarli Pro:
// - Add note/todo shortcut buttons in the sidebar.
// - Mobile sidebar toggle.
// =====================================================================
document.addEventListener('DOMContentLoaded', () => {
    'use strict';

    // ===== Add Note Button Handler (Android convention) =====
    const addNoteBtn = document.querySelector('.sidebar-add-note');
    if (addNoteBtn) {
        addNoteBtn.addEventListener('click', (e) => {
            e.preventDefault();
            if (!window.ShaarItRules) {
                // eslint-disable-next-line no-console
                console.warn('[shaarit] ShaarItRules not available, cannot generate note URL');
                return;
            }
            const basePath = addNoteBtn.getAttribute('data-base-path') || '';
            const noteUrl = window.ShaarItRules.generateNoteUrl();
            const redirectUrl = `${basePath}/admin/shaare?post=${encodeURIComponent(noteUrl)}&tags=note`;
            window.location.href = redirectUrl;
        });
    }

    // ===== Add Todo Button Handler (Android convention) =====
    const addTodoBtn = document.querySelector('.sidebar-add-todo');
    if (addTodoBtn) {
        addTodoBtn.addEventListener('click', (e) => {
            e.preventDefault();
            if (!window.ShaarItRules) {
                // eslint-disable-next-line no-console
                console.warn('[shaarit] ShaarItRules not available, cannot generate todo URL');
                return;
            }
            const basePath = addTodoBtn.getAttribute('data-base-path') || '';
            const todoUrl = window.ShaarItRules.generateTodoUrl();
            const redirectUrl = `${basePath}/admin/shaare?post=${encodeURIComponent(todoUrl)}&tags=todo&title=%E2%9C%85%20`;
            window.location.href = redirectUrl;
        });
    }

    // ===== Mobile Sidebar Toggle =====
    const sidebar = document.getElementById('sidebar');
    const sidebarOverlay = document.getElementById('sidebar-overlay');
    const mobileMenuBtn = document.getElementById('mobile-menu-btn');

    function isMobileViewport() {
        return window.matchMedia('(max-width: 1100px)').matches;
    }

    function openSidebar() {
        if (!sidebar || !sidebarOverlay) return;
        sidebar.classList.add('show');
        sidebarOverlay.classList.add('show');
        mobileMenuBtn?.setAttribute('aria-expanded', 'true');
        sidebarOverlay.setAttribute('aria-hidden', 'false');
        if (isMobileViewport()) {
            document.body.style.overflow = 'hidden';
        }
    }

    function closeSidebar() {
        if (!sidebar || !sidebarOverlay) return;
        sidebar.classList.remove('show');
        sidebarOverlay.classList.remove('show');
        mobileMenuBtn?.setAttribute('aria-expanded', 'false');
        sidebarOverlay.setAttribute('aria-hidden', 'true');
        document.body.style.overflow = '';
    }

    function toggleSidebar() {
        if (sidebar?.classList.contains('show')) {
            closeSidebar();
            return;
        }
        openSidebar();
    }

    mobileMenuBtn?.addEventListener('click', toggleSidebar);
    sidebarOverlay?.addEventListener('click', closeSidebar);
    sidebar?.querySelectorAll('a').forEach((link) => {
        link.addEventListener('click', () => {
            if (isMobileViewport()) {
                closeSidebar();
            }
        });
    });

    window.addEventListener('resize', () => {
        if (!isMobileViewport()) {
            closeSidebar();
        }
    });
});