// 加载导航栏组件的通用脚本
(function() {
    // 加载导航栏
    fetch('/function/28/shimotsuki/navbar')
        .then(response => response.text())
        .then(data => {
            const placeholder = document.getElementById('navbar-placeholder');
            if (placeholder) {
                placeholder.innerHTML = data;
                
                // 导航栏加载完成后，执行脚本
                initializeNavbar();
            }
        })
        .catch(error => {
            console.error('导航栏加载失败:', error);
        });
    
    // 初始化导航栏功能
    function initializeNavbar() {
        // 移动端菜单切换
        window.toggleMobileMenu = function() {
            const menu = document.getElementById('navMenu');
            const toggle = document.querySelector('.mobile-menu-toggle');
            if (menu && toggle) {
                menu.classList.toggle('open');
                toggle.classList.toggle('active');
            }
        };

        // 设置当前页面的active状态
        function setActiveNavItem() {
            const currentPage = window.location.pathname.split('/').pop() || '/function/28/shimotsuki/index';
            const navWidgets = document.querySelectorAll('.nav-widget');
            
            navWidgets.forEach(widget => {
                const href = widget.getAttribute('href');
                if (href === currentPage) {
                    widget.classList.add('active');
                }
            });
        }

        // 导航widget点击效果
        document.querySelectorAll('.nav-widget').forEach(widget => {
            widget.addEventListener('click', function(e) {
                if (this.getAttribute('href') === '#') {
                    e.preventDefault();
                    alert('該頁面正在開發中，敬請期待！');
                } else {
                    // 关闭移动端菜单
                    if (window.innerWidth <= 900) {
                        const menu = document.getElementById('navMenu');
                        const toggle = document.querySelector('.mobile-menu-toggle');
                        if (menu && toggle) {
                            menu.classList.remove('open');
                            toggle.classList.remove('active');
                        }
                    }
                }
            });
        });

        // 设置active状态
        setActiveNavItem();
    }
})();