<nav class="sidebar">
    <div class="brand">
        <i data-lucide="bot"></i>
        <span>AI Rekapan</span>
    </div>
    
    <ul class="nav-links">
        <li>
            <a href="/" class="<%= currentPath === '/' ? 'active' : '' %>">
                <i data-lucide="layout-dashboard"></i> Status Bot
            </a>
        </li>
        <li>
            <a href="/groups" class="<%= currentPath === '/groups' ? 'active' : '' %>">
                <i data-lucide="users"></i> Manajemen Grup
            </a>
        </li>
        <li>
            <a href="/settings" class="<%= currentPath === '/settings' ? 'active' : '' %>">
                <i data-lucide="settings"></i> Pengaturan API
            </a>
        </li>
    </ul>
</nav>

<script>
    lucide.createIcons();
    function showToast(message) {
        const toast = document.getElementById('toast');
        if(toast) {
            toast.innerText = message;
            toast.classList.add('show');
            setTimeout(() => toast.classList.remove('show'), 3000);
        }
    }
</script>
<div id="toast">Berhasil disimpan!</div>
