@{
    string currentController = ViewContext.RouteData.Values["controller"] as string;
    string currentAction = ViewContext.RouteData.Values["action"] as string;
}

<!-- Navbar -->
<nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
    id="layout-navbar">
    <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
        <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
            <i class="ti ti-menu-2 ti-sm"></i>
        </a>
    </div>

    <div class="navbar-nav-right align-items-center" id="navbar-collapse">
        <div class="navbar-nav align-items-center">
            <a class="nav-link style-switcher-toggle hide-arrow" asp-controller="" asp-action="Index">
                <i class="ti ti-sm"></i>
            </a>
        </div>

        <ul class="navbar-nav flex-row align-items-center justify-content-between w-100">
            <div class="logo">
                <a href="/">
                    <partial name="_Logo" />
                    <span class="align-middle fw-bolder ms-2">
                        <span class="text-dark fs-3">S</span>
                    </span>
                </a>
            </div>
            <div class="menu d-flex align-items-center gap-4">
                <li class="menu-item dropdown me-2 me-xl-0">
                    <a asp-controller="Home" asp-action="Index" class="menu-link fw-semibold @(currentController == "Home" && currentAction == "Index" ? "active" : "")">
                        Home
                    </a>
                </li>
                <li class="menu-item dropdown me-2 me-xl-0">
                    <a class="
                    @(
                    currentController == "AirTanah" && currentAction == "Index" ||
                    currentController == "AirSungai" && currentAction == "Index" ||
                    currentController == "AirLaut" && currentAction == "Index" ||
                    currentController == "AirSituWaduk" && currentAction == "Index" ||
                    currentController == "UdaraISPU" && currentAction == "Index"
                    ? "active" : "" )
                    menu-link fw-semibold" href="javascript:void(0);" data-bs-toggle="dropdown">
                        Lingkungan
                        <i class="ti ti-chevron-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-start">
                        <li>
                            <a class="dropdown-item @(currentController == "AirTanah" && currentAction == "Index" ? "active" : "" )" asp-controller="AirTanah" asp-action="Index">
                                <span class="align-middle">Air Tanah</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "AirSungai" && currentAction == "Index" ? "active" : "" )" asp-controller="AirSungai" asp-action="Index">
                                <span class="align-middle">Air Sungai</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "AirLaut" && currentAction == "Index" ? "active" : "" )" asp-controller="AirLaut" asp-action="Index">
                                <span class="align-middle">Air Laut</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "AirSituWaduk" && currentAction == "Index" ? "active" : "" )" asp-controller="AirSituWaduk" asp-action="Index">
                                <span class="align-middle">Air Situ Waduk</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "UdaraISPU" && currentAction == "Index" ? "active" : "" )" asp-controller="UdaraISPU" asp-action="Index">
                                <span class="align-middle">Udaha (ISPU) </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="menu-item dropdown me-2 me-xl-0">
                    <a class="menu-link fw-semibold 
                    @(
                    currentController == "Persampahan" && currentAction == "Index" ||
                    currentController == "TimbulanSampah" && currentAction == "Index" ||
                    currentController == "TPS" && currentAction == "Index" ||
                    currentController == "BadanAir" && currentAction == "Index"
                    ? "active" : "" )
                    " href="javascript:void(0);" data-bs-toggle="dropdown">
                        Persampahan
                        <i class="ti ti-chevron-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-start">
                        <li>
                            <a class="dropdown-item @(currentController == "Persampahan" && currentAction == "Index" ? "active" : "" )" asp-controller="Persampahan" asp-action="Index">
                                <span class="align-middle">Dashboard</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "TimbulanSampah" && currentAction == "Index" ? "active" : "" )" asp-controller="TimbulanSampah" asp-action="Index">
                                <span class="align-middle">Timbulan Sampah</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item" href="https://banksampah.jakarta.go.id/#googlemaps" target="_blank">
                                <span class="align-middle">Bank Sampah</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "TPS" && currentAction == "Index" ? "active" : "" )" asp-controller="TPS" asp-action="Index">
                                <span class="align-middle">TPS</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "BadanAir" && currentAction == "Index" ? "active" : "" )" asp-controller="BadanAir" asp-action="Index">
                                <span class="align-middle">Penanganan Sampah Badan Air</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="menu-item dropdown me-2 me-xl-0">
                    <a class="menu-link fw-semibold
                    @(
                    currentController == "PengawasanAktif" && currentAction == "Index" ||
                    currentController == "KegiatanUsaha" && currentAction == "Index" ||
                    currentController == "UsahaSkalaKecil" && currentAction == "Index"
                    ? "active" : "" )
                    " href="javascript:void(0);" data-bs-toggle="dropdown">
                        Kegiatan Usaha
                        <i class="ti ti-chevron-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-start">
                        <li>
                            <a class="dropdown-item @(currentController == "PengawasanAktif" && currentAction == "Index" ? "active" : "" )" asp-controller="PengawasanAktif" asp-action="Index">
                                <span class="align-middle">Pengawasan Aktif</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "KegiatanUsaha" && currentAction == "Index" ? "active" : "" )" asp-controller="KegiatanUsaha" asp-action="Index">
                                <span class="align-middle">Kegiatan Usaha</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item @(currentController == "UsahaSkalaKecil" && currentAction == "Index" ? "active" : "" )" asp-controller="UsahaSkalaKecil" asp-action="Index">
                                <span class="align-middle">Usaha Skala Kecil</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="menu-item dropdown me-2 me-xl-0">
                    <a class="menu-link fw-semibold" href="javascript:void(0);" data-bs-toggle="dropdown">
                        Uji Emisi
                        <i class="ti ti-chevron-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-start">
                        <li>
                            <a class="dropdown-item" href="https://ujiemisi.jakarta.go.id/dashboard/" target="_blank">
                                <span class="align-middle">Dashboard</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item" href="https://ujiemisi.jakarta.go.id/dashboard/" target="_blank">
                                <span class="align-middle">50 Data Pengujian Terakhir</span>
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item" href="https://ujiemisi.jakarta.go.id/dashboard/" target="_blank">
                                <span class="align-middle">Bengkel</span>
                            </a>
                        </li>
                    </ul>
                </li>

                <!-- User -->
                <li class="nav-item navbar-dropdown dropdown-user dropdown ms-4">
                    <a class="nav-link dropdown-toggle hide-arrow" asp-controller="" asp-action="Index">
                        <div class="avatar avatar-online">
                            <img src="../../assets/img/avatars/1.png" alt class="h-auto rounded-circle" />
                        </div>
                    </a>
                </li>
                <!--/ User -->
            </div>

        </ul>
    </div>
</nav>
<!-- / Navbar -->