{{-- resources/views/layouts/partials/sidebar-superadmin.blade.php --}}
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar collapse"
     style="background: linear-gradient(180deg, #0d6efd 0%, #0b5ed7 40%, #0a4275 100%);">
    <div class="position-sticky pt-3">

        {{-- Menu utama --}}
        <ul class="nav flex-column mb-3">
            {{-- Dashboard Superadmin --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('dashboard') ? 'active' : '' }}"
                   href="{{ route('dashboard') }}">
                    <i class="bi bi-speedometer2"></i>
                    <span>Superadmin</span>
                </a>
            </li>

            {{-- Profil Saya --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('profile.*') ? 'active' : '' }}"
                   href="{{ route('profile.edit') }}">
                    <i class="bi bi-person-circle"></i>
                    <span>Profil</span>
                </a>
            </li>
        </ul>

        <hr class="my-2 border-light opacity-50">

        {{-- Menu data & master --}}
        <ul class="nav flex-column mb-2">
            {{-- Data Anggota --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('anggota.*') ? 'active' : '' }}"
                   href="{{ route('anggota.index') }}">
                    <i class="bi bi-people-fill"></i>
                    <span>Data Anggota</span>
                </a>
            </li>

            {{-- Data Keluarga --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('keluarga.*') ? 'active' : '' }}"
                   href="{{ route('keluarga.index') }}">
                    <i class="bi bi-people"></i>
                    <span>Data Keluarga</span>
                </a>
            </li>

            {{-- Pelaporan --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('pelaporan.*') ? 'active' : '' }}"
                   href="{{ route('pelaporan.index') }}">
                    <i class="bi bi-graph-up-arrow"></i>
                    <span>Pelaporan</span>
                </a>
            </li>

            {{-- Kartu Anggota --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('superadmin.kartu_anggota.*') ? 'active' : '' }}"
                   href="{{ route('superadmin.kartu_anggota.index') }}">
                    <i class="bi bi-credit-card-2-front-fill"></i>
                    <span>Kartu Anggota</span>
                </a>
            </li>
        </ul>
    </div>
</nav>