@{
    var controller = ViewContext.RouteData.Values["controller"] as string;
}
<label class="drawer-overlay" for="my-drawer-2" aria-label="close sidebar"></label>

<aside class="bg-base-100 flex min-h-screen w-64 flex-col">
    <!-- Navbar -->
    <div class="navbar sticky top-0 hidden items-center justify-center gap-2 bg-gray-50 px-4 py-2 font-bold lg:z-50 lg:flex">
        <div class="avatar bg-white">
            <div class="w-10 rounded-md p-1 shadow">
                <img src="/images/logo.png" alt="Logo" width="48" />
            </div>
        </div>
        <span class="font-jakarta-plus text-xl">e-Bank Sampah</span>
    </div>

    <!-- Sidebar content here -->
    <div class="flex-1 overflow-y-auto">
        <ul class="menu menu-sidebar bg-base-100 text-base-content min-h-full w-full overscroll-y-none p-4 text-gray-500">

            <!-- Dashboard -->
            <li>
                <a href="/Main/Dashboard" class="w-full rounded-full @(controller == "Dashboard" ? "menu-active" : "")">
                    <i class="ph ph-gauge me-2 text-lg"></i>
                    Dashboard
                </a>
            </li>

            <!-- Data Bank Sampah -->
            <li>
                <a href="/Main/DataBankSampah" class="rounded-full @(controller == "DataBankSampah" ? "menu-active" : "")">
                    <i class="ph ph-house-line me-2 text-lg"></i>
                    Data Bank Sampah
                </a>
            </li>

            <!-- Data Nasabah -->
            <li>
                <a href="/Main/DataNasabah" class="rounded-full @(controller == "DataNasabah" ? "menu-active" : "")">
                    <i class="ph ph-users-four me-2 text-lg"></i>
                    Data Nasabah
                </a>
            </li>

            <!-- Data Offtaker -->
            <li>
                <a href="/Main/DataOfftaker" class="rounded-full @(controller == "DataOfftaker" ? "menu-active" : "")">
                    <i class="ph ph-read-cv-logo me-2 text-lg"></i>
                    Data Offtaker
                </a>
            </li>

            <!-- Transaksi Laporan -->
            <li>
                <a href="/Main/TransaksiLaporan" class="rounded-full @(controller == "TransaksiLaporan" ? "menu-active" : "")">
                    <i class="ph ph-database me-2 text-lg"></i>
                    Transaksi Laporan
                </a>
            </li>

            <!-- Wilayah -->
            <li>
                <details @(new[] { "Kota", "Kecamatan", "Kelurahan" }.Contains(controller) ? "open" : "")>
                    <summary>
                        <i class="ph ph-map-trifold me-2 text-lg"></i>
                        Wilayah
                    </summary>
                    <ul>
                        <li><a href="/Wilayah/Kota" class="@(controller == "Kota" ? "menu-active" : "")">Kota</a></li>
                        <li><a href="/Wilayah/Kecamatan" class="@(controller == "Kecamatan" ? "menu-active" : "")">Kecamatan</a></li>
                        <li><a href="/Wilayah/Kelurahan" class="@(controller == "Kelurahan" ? "menu-active" : "")">Kelurahan</a></li>
                    </ul>
                </details>
            </li>

            <!-- Master Data -->
            <li>
                <details @(new[] { "Aktivitas", "Artikel", "BadanHukum", "Fasilitas", "JenisBankSampah", "JenisNasabah", "JenisPengolahan", "Kategori", "KategoriFasilitas", "Mitra", "StatusLahan", "JenisSampah", "KategoriSampah", "SubKategoriSampah" }.Contains(controller) ? "open" : "")>
                    <summary>
                        <i class="ph ph-database me-2 text-lg"></i>
                        Master Data
                    </summary>
                    <ul>
                        <li><a href="/Master/Aktivitas" class="@(controller == "Aktivitas" ? "menu-active" : "")">Aktivitas</a></li>
                        <li><a href="/Master/Artikel" class="@(controller == "Artikel" ? "menu-active" : "")">Artikel</a></li>
                        <li><a href="/Master/BadanHukum" class="@(controller == "BadanHukum" ? "menu-active" : "")">Badan Hukum</a></li>
                        <li><a href="/Master/Fasilitas" class="@(controller == "Fasilitas" ? "menu-active" : "")">Fasilitas</a></li>
                        <li><a href="/Master/JenisBankSampah" class="@(controller == "JenisBankSampah" ? "menu-active" : "")">Jenis Bank Sampah</a></li>
                        <li><a href="/Master/JenisNasabah" class="@(controller == "JenisNasabah" ? "menu-active" : "")">Jenis Nasabah</a></li>
                        <li><a href="/Master/JenisPengolahan" class="@(controller == "JenisPengolahan" ? "menu-active" : "")">Jenis Pengolahan</a></li>
                        <li><a href="/Master/Kategori" class="@(controller == "Kategori" ? "menu-active" : "")">Kategori</a></li>
                        <li><a href="/Master/KategoriFasilitas" class="@(controller == "KategoriFasilitas" ? "menu-active" : "")">Kategori Fasilitas</a></li>
                        <li><a href="/Master/Mitra" class="@(controller == "Mitra" ? "menu-active" : "")">Mitra</a></li>
                        <li><a href="/Master/StatusLahan" class="@(controller == "StatusLahan" ? "menu-active" : "")">Status Lahan</a></li>
                        <li><a href="/Master/JenisSampah" class="@(controller == "JenisSampah" ? "menu-active" : "")">Jenis Sampah</a></li>
                        <li><a href="/Master/KategoriSampah" class="@(controller == "KategoriSampah" ? "menu-active" : "")">Kategori Sampah</a></li>
                        <li><a href="/Master/SubKategoriSampah" class="@(controller == "SubKategoriSampah" ? "menu-active" : "")">Sub Kategori Sampah</a></li>
                    </ul>
                </details>
            </li>

            <!-- Profil -->
            <li>
                <a href="/Main/Profil" class="rounded-full @(controller == "Profil" ? "menu-active" : "")">
                    <i class="ph ph-user-square me-2 text-lg"></i>
                    Profil
                </a>
            </li>

            <!-- Aktifitas -->
            <li>
                <a href="/Main/Aktifitas" class="rounded-full @(controller == "Aktifitas" ? "menu-active" : "")">
                    <i class="ph ph-activity me-2 text-lg"></i>
                    Aktifitas
                </a>
            </li>

            <!-- Manajemen User -->
            <li>
                <a class="rounded-full">
                    <i class="ph ph-gear me-2 text-lg"></i>
                    Manajemen User
                </a>
            </li>
        </ul>
    </div>

    <!-- Card Help Desk -->
    <div class="bg-base-100 sticky bottom-0 px-4 pb-4">
        <div class="card w-fit bg-gradient-to-tl from-[#FFDBAC] to-[#F79009] text-white">
            <div class="card-body px-2 py-4">
                <div class="card-title">
                    <i class="ph ph-whatsapp-logo text-lg"></i>
                    Help Desk
                </div>
                <hr class="text-white/30" />
                <div class="flex flex-col gap-0">
                    <span>Senin s.d Jumat</span>
                    <span>08.00 - 15.00 WIB</span>
                </div>
                <hr class="text-white/30" />
                <div class="flex flex-col gap-0">
                    <span class="font-semibold text-[10px]">
                        Bidang Pengurangan dan Penanganan Sampah Dinas Lingkungan Hidup Provinsi DKI Jakarta
                    </span>
                    <span class="text-[10px]">
                        Jl.Mandala V Cililitan Kramatjati Jakarta Timur
                    </span>
                </div>
            </div>
        </div>
    </div>
</aside>