/**
 * mobile-bottom-nav.js — tkqc 모바일 하단 네비게이션
 * 768px 이하에서 고정 하단바 표시
 */

(function() {
    // 이미 삽입되었으면 스킵
    if (document.getElementById('tkqcMobileNav')) return;

    const nav = document.createElement('nav');
    nav.id = 'tkqcMobileNav';
    nav.className = 'tkqc-mobile-nav';

    const currentPath = window.location.pathname;

    const items = [
        { href: '/issues-dashboard.html', icon: 'fas fa-chart-line', label: '현황판', page: 'dashboard' },
        { href: '/issues-inbox.html', icon: 'fas fa-inbox', label: '수신함', page: 'inbox' },
        { href: '/issues-management.html', icon: 'fas fa-tasks', label: '관리함', page: 'management' },
        { href: '/issues-archive.html', icon: 'fas fa-archive', label: '폐기함', page: 'archive' }
    ];

    nav.innerHTML = items.map(item => {
        const isActive = currentPath.includes(item.page) || currentPath === item.href;
        return `
            <a href="${item.href}" class="tkqc-mobile-nav-item ${isActive ? 'active' : ''}">
                <i class="${item.icon}"></i>
                <span>${item.label}</span>
            </a>
        `;
    }).join('');

    document.body.appendChild(nav);
})();