// Main application JavaScript
// This file contains general application functionality

/**
 * Toggle sidebar visibility (open/close)
 */
function toggleSidebar() {
    const sidebar = document.getElementById('site-sidebar');
    const contentCol = sidebar ? sidebar.nextElementSibling || sidebar.parentElement.querySelector('.content-column') : null;
    const btn = document.querySelector('.sidebar-toggle-btn');
    const icon = btn ? btn.querySelector('i') : null;

    if (!sidebar) return;

    sidebar.classList.toggle('sidebar-hidden');

    // Adjust content column width, toggle icon, and update aria-expanded
    if (sidebar.classList.contains('sidebar-hidden')) {
        if (contentCol) {
            contentCol.classList.remove('col-lg-9', 'col-md-8');
            contentCol.classList.add('col-12');
        }
        if (icon) {
            icon.classList.remove('bi-layout-sidebar-inset');
            icon.classList.add('bi-layout-sidebar');
        }
        if (btn) {
            btn.setAttribute('aria-expanded', 'false');
        }
        sessionStorage.setItem('sidebarHidden', 'true');
    } else {
        if (contentCol) {
            contentCol.classList.remove('col-12');
            contentCol.classList.add('col-lg-9', 'col-md-8');
        }
        if (icon) {
            icon.classList.remove('bi-layout-sidebar');
            icon.classList.add('bi-layout-sidebar-inset');
        }
        if (btn) {
            btn.setAttribute('aria-expanded', 'true');
        }
        sessionStorage.setItem('sidebarHidden', 'false');
    }
}

/**
 * Restore sidebar state from sessionStorage on page load
 */
function restoreSidebarState() {
    if (sessionStorage.getItem('sidebarHidden') === 'true') {
        const sidebar = document.getElementById('site-sidebar');
        if (sidebar) {
            toggleSidebar();
        }
    }
}

// Initialize application when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
    // Restore sidebar state
    restoreSidebarState();

    // Handle nested dropdowns for touch devices using event delegation
    document.addEventListener('click', function(e) {
        const toggle = e.target.closest('.dropdown-submenu .dropdown-toggle');

        if (toggle) {
            e.preventDefault();
            e.stopPropagation();

            const submenu = toggle.closest('.dropdown-submenu');
            const dropdown = submenu.querySelector('.dropdown-menu');

            // Close other submenus at the same level
            const parent = submenu.parentElement;
            parent.querySelectorAll('.dropdown-submenu').forEach(function(sibling) {
                if (sibling !== submenu) {
                    var siblingMenu = sibling.querySelector('.dropdown-menu');
                    if (siblingMenu) siblingMenu.classList.remove('show');
                }
            });

            // Toggle current submenu
            if (dropdown) dropdown.classList.toggle('show');
            return;
        }

        // Close all open submenus when clicking outside
        document.querySelectorAll('.dropdown-submenu .dropdown-menu.show').forEach(function(menu) {
            menu.classList.remove('show');
        });
    });
});