{{-- ── Dashboard ──────────────────────────────────── --}}
<li class="menu-item">
    <a href="{{ route('dashboard') }}" class="menu-link {{ Request::routeIs('dashboard') ? 'active' : '' }}">
        <span class="menu-icon"><i class="iconify tabler--layout-dashboard"></i></span>
        <span class="menu-text">Dashboard</span>
    </a>
</li>

{{-- ── Visitors ───────────────────────────────────── --}}
<li class="menu-item">
    <a href="{{ route('visitors') }}" class="menu-link {{ Request::routeIs('visitors') ? 'active' : '' }}">
        <span class="menu-icon"><i class="iconify tabler--users"></i></span>
        <span class="menu-text">Visitors</span>
    </a>
</li>

{{-- ── Email (accordion submenu) ─────────────────── --}}
<li class="menu-item hs-accordion {{ Request::routeIs('email.*') ? 'active' : '' }}" id="email-accordion">
    <button type="button"
        class="menu-link hs-accordion-toggle {{ Request::routeIs('email.*') ? 'active' : '' }}"
        aria-expanded="{{ Request::routeIs('email.*') ? 'true' : 'false' }}"
        aria-controls="email-submenu">
        <span class="menu-icon"><i class="iconify tabler--mail"></i></span>
        <span class="menu-text">Email</span>
        <span class="ms-auto">
            <i class="iconify tabler--chevron-right menu-arrow {{ Request::routeIs('email.*') ? 'rotate-90' : '' }}"
               style="font-size:.9rem; transition:transform .2s;"></i>
        </span>
    </button>
    <ul id="email-submenu"
        class="sub-menu hs-accordion-content {{ Request::routeIs('email.*') ? '' : 'hidden' }}"
        style="{{ Request::routeIs('email.*') ? '' : 'display:none;' }}">
        <li class="menu-item">
            <a href="{{ route('email.inbox') }}" class="menu-link {{ Request::routeIs('email.inbox') ? 'active' : '' }}">
                <span class="menu-icon"><i class="iconify tabler--inbox"></i></span>
                <span class="menu-text">Inbox</span>
            </a>
        </li>
        <li class="menu-item">
            <a href="{{ route('email.compose') }}" class="menu-link {{ Request::routeIs('email.compose') ? 'active' : '' }}">
                <span class="menu-icon"><i class="iconify tabler--pencil"></i></span>
                <span class="menu-text">Compose</span>
            </a>
        </li>
        <li class="menu-item">
            <a href="{{ route('email.sent') }}" class="menu-link {{ Request::routeIs('email.sent') ? 'active' : '' }}">
                <span class="menu-icon"><i class="iconify tabler--send"></i></span>
                <span class="menu-text">Sent</span>
            </a>
        </li>
    </ul>
</li>

{{-- ── Clocker ────────────────────────────────────── --}}
<li class="menu-item">
    <a href="{{ route('clocker') }}" class="menu-link {{ Request::routeIs('clocker') ? 'active' : '' }}">
        <span class="menu-icon"><i class="iconify tabler--shield-lock"></i></span>
        <span class="menu-text">Clocker</span>
    </a>
</li>

{{-- ── Manage Users ───────────────────────────────── --}}
<li class="menu-item">
    <a href="{{ route('users') }}" class="menu-link {{ Request::routeIs('users') ? 'active' : '' }}">
        <span class="menu-icon"><i class="iconify tabler--user-cog"></i></span>
        <span class="menu-text">Manage Users</span>
    </a>
</li>

{{-- ── Site Settings ──────────────────────────────── --}}
<li class="menu-item">
    <a href="{{ route('settings') }}" class="menu-link {{ Request::routeIs('settings') ? 'active' : '' }}">
        <span class="menu-icon"><i class="iconify tabler--settings"></i></span>
        <span class="menu-text">Site Settings</span>
    </a>
</li>