{{-- resources/views/layouts/partials/sidebar-dpp.blade.php --}}

{{-- di layouts/dashboard.blade.php atau CSS global --}}
<style>
    .sidebar {
        color: #e9f2ff;
    }
    .sidebar .nav-link {
        color: #e9f2ff;
        font-size: 0.9rem;
        padding: 0.45rem 1rem;
        border-radius: 0 20px 20px 0;
        margin-right: 0.25rem;
        transition: background-color 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
    }
    .sidebar .nav-link i,
    .sidebar .nav-link span {
        color: inherit;
    }
    .sidebar .nav-link:hover {
        background-color: rgba(255,255,255,0.18);
        color: #ffffff;
        padding-left: 1.25rem;
    }
    .sidebar .nav-link.active {
        background-color: #ffffff;
        color: #0d6efd !important;
        font-weight: 600;
        padding-left: 1.25rem;
    }
    .sidebar .nav-link.active i,
    .sidebar .nav-link.active span {
        color: #0d6efd !important;
    }
    .sidebar hr {
        border-color: rgba(255,255,255,0.4);
    }
</style>


<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 DPP --}}
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center gap-1
                           {{ request()->routeIs('dpp.dashboard') ? 'active' : '' }}"
                   href="{{ route('dpp.dashboard') }}">
                    <i class="bi bi-speedometer2"></i>
                    <span>Dashboard DPP</span>
                </a>
            </li>

            {{-- Profil Saya (semua role yang login) --}}
            <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 Saya</span>
                </a>
            </li>
        </ul>

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

        {{-- Menu data & master, sesuai role DPP --}}
        <ul class="nav flex-column mb-2">
            {{-- Data Anggota: hanya tampil jika user punya izin dpp-anggota (misal role DPP) --}}
            {{-- @can('dpp-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>
            @endcan --}}

            {{-- Data Keluarga: hanya tampil jika user punya izin dpp-keluarga --}}
            {{-- @can('dpp-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>
            @endcan --}}

            {{-- Pelaporan: hanya tampil jika user punya izin dpp-pelaporan --}}
            @can('dpp-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> --}}
            
            @endcan
        </ul>
    </div>
</nav>