First Commit & Add Menu Navbar

.gitignore

@@ -0,0 +1,5 @@
+/bin
+/obj
+/.vs
+/Program.cs
+/appsettings.json

Controllers/HomeController.cs

@@ -0,0 +1,27 @@
+using Microsoft.AspNetCore.Mvc;
+using silika_website.Models;
+using System.Diagnostics;
+
+namespace silika_website.Controllers
+{
+    public class HomeController : Controller
+    {
+        private readonly ILogger<HomeController> _logger;
+
+        public HomeController(ILogger<HomeController> logger)
+        {
+            _logger = logger;
+        }
+
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+        public IActionResult Error()
+        {
+            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+        }
+    }
+}

Controllers/Kegiatan_Usaha/KegiatanUsahaController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class KegiatanUsahaController : Controller
+    {
+        [HttpGet("/kegiatan-usaha")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Kegiatan_Usaha/Kegiatan_Usaha.cshtml");
+        }
+    }
+}

Controllers/Kegiatan_Usaha/PengawasanAktifController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class PengawasanAktifController : Controller
+    {
+        [HttpGet("/kegiatan-usaha/pengawasan-aktif")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Kegiatan_Usaha/Pengawasan_Aktif.cshtml");
+        }
+    }
+}

Controllers/Kegiatan_Usaha/UsahaSkalaKecilController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class UsahaSkalaKecilController : Controller
+    {
+        [HttpGet("/kegiatan-usaha/usaha-skala-kecil")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Kegiatan_Usaha/Usaha_Skala_Kecil.cshtml");
+        }
+    }
+}

Controllers/Lingkungan/AirLautController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class AirLautController : Controller
+    {
+        [HttpGet("/lingkungan/air-laut")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Lingkungan/Air_Laut.cshtml");
+        }
+    }
+}

Controllers/Lingkungan/AirSituWadukController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class AirSituWadukController : Controller
+    {
+        [HttpGet("/lingkungan/air-situ-waduk")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Lingkungan/Air_Situ_Waduk.cshtml");
+        }
+    }
+}

Controllers/Lingkungan/AirSungaiController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class AirSungaiController : Controller
+    {
+        [HttpGet("/lingkungan/air-sungai")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Lingkungan/Air_Sungai.cshtml");
+        }
+    }
+}

Controllers/Lingkungan/AirTanahController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class AirTanahController : Controller
+    {
+        [HttpGet("/lingkungan/air-tanah")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Lingkungan/Air_Tanah.cshtml");
+        }
+    }
+}

Controllers/Lingkungan/UdaraISPUController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class UdaraISPUController : Controller
+    {
+        [HttpGet("/lingkungan/udara-ispu")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Lingkungan/Udara.cshtml");
+        }
+    }
+}

Controllers/Persampahan/BadanAirController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class BadanAirController : Controller
+    {
+        [HttpGet("/persampahan/penanganan-sampah-badan-air")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Persampahan/Badan_Air.cshtml");
+        }
+    }
+}

Controllers/Persampahan/BankSampahController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class BankSampahController : Controller
+    {
+        [HttpGet("/persampahan/bank-sampah")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Persampahan/Bank_Sampah.cshtml");
+        }
+    }
+}

Controllers/Persampahan/PersampahanController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class PersampahanController : Controller
+    {
+        [HttpGet("/persampahan")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Persampahan/Dashboard.cshtml");
+        }
+    }
+}

Controllers/Persampahan/TPSController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class TPSController : Controller
+    {
+        [HttpGet("/persampahan/tps")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Persampahan/TPS.cshtml");
+        }
+    }
+}

Controllers/Persampahan/TimbulanSampahController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class TimbulanSampahController : Controller
+    {
+        [HttpGet("/persampahan/timbulan-sampah")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Persampahan/Timbulan_Sampah.cshtml");
+        }
+    }
+}

Controllers/Uji_Emisi/BengkelController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class BengkelController : Controller
+    {
+        [HttpGet("/uji-emisi/bengkel")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Uji_Emisi/Bengkel.cshtml");
+        }
+    }
+}

Controllers/Uji_Emisi/DataPengujianController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class DataPengujianController : Controller
+    {
+        [HttpGet("/uji-emisi/data-pengujian")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Uji_Emisi/Data_Pengujian.cshtml");
+        }
+    }
+}

Controllers/Uji_Emisi/UjiEmisiController.cs

@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace silika_website.Controllers
+{
+    public class UjiEmisiController : Controller
+    {
+        [HttpGet("/uji-emisi")]
+        public IActionResult Index()
+        {
+            return View("~/Views/Uji_Emisi/Dashboard.cshtml");
+        }
+    }
+}

Models/ErrorViewModel.cs

@@ -0,0 +1,9 @@
+namespace silika_website.Models
+{
+    public class ErrorViewModel
+    {
+        public string? RequestId { get; set; }
+
+        public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+    }
+}

Properties/launchSettings.json

@@ -0,0 +1,37 @@
+{
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:37584",
+      "sslPort": 44384
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "http://localhost:5151",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "https": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:7290;http://localhost:5151",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}

Views/Home/Index.cshtml

@@ -0,0 +1,4 @@
+<div class="text-center">
+    <h1 class="display-4">Welcome</h1>
+    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
+</div>

Views/Lingkungan/Air_Laut.cshtml

@@ -0,0 +1,7 @@
+@{
+    ViewBag.title = "Air Laut";    
+}
+    <div class="text-center">
+    <h1 class="display-4">@ViewBag.title</h1>
+    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
+</div>

Views/Shared/Error.cshtml

@@ -0,0 +1,25 @@
+@model ErrorViewModel
+@{
+    ViewData["Title"] = "Error";
+}
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (Model.ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@Model.RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>

Views/Shared/_Footer.cshtml

@@ -0,0 +1,15 @@
+<!-- Footer -->
+<footer class="content-footer footer bg-footer-theme bg-gray">
+    <div class="container-xxl">
+        <div class="footer-container d-flex align-items-center justify-content-center py-2 flex-md-row flex-column">
+            <div class="text-white">
+                ©
+                <script>
+                    document.write(new Date().getFullYear());
+                </script>
+                <a href="https://lingkunganhidup.jakarta.go.id/" class="text-white text-decoration-underline">Dinas Lingkungan Hidup Provinsi DKI Jakarta</a>. All rights reserved
+            </div>
+        </div>
+    </div>
+</footer>
+<!-- / Footer -->

Views/Shared/_Head.cshtml

@@ -0,0 +1,44 @@
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
+
+    <title>@(Context.Request.Path == "/" ? "Sistem Informasi Lingkungan dan Kebersihan - Dinas Lingkungan Hidup Provinsin DKI Jakarta" : (ViewBag.title) + " - SILIKA DLH")</title>
+
+    <meta name="description" content="Sistem Informasi Lingkungan dan Kebersihan - Dinas Lingkungan Hidup Provinsin DKI Jakarta" />
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="/assets/img/favicon/favicon.ico" />
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
+        rel="stylesheet" />
+
+    <!-- Icons -->
+    <link rel="stylesheet" href="/assets/vendor/fonts/fontawesome.css" />
+    <link rel="stylesheet" href="/assets/vendor/fonts/tabler-icons.css" />
+    <link rel="stylesheet" href="/assets/vendor/fonts/flag-icons.css" />
+
+    <!-- Core CSS -->
+    <link rel="stylesheet" href="/assets/vendor/css/rtl/core.css" />
+    <link rel="stylesheet" href="/assets/vendor/css/rtl/theme-default.css" />
+    <link rel="stylesheet" href="/assets/css/demo.css" />
+
+    <!-- Vendors CSS -->
+    <link rel="stylesheet" href="/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
+    <link rel="stylesheet" href="/assets/vendor/libs/node-waves/node-waves.css" />
+
+    <link rel="stylesheet" href="/css/custom-website.css">
+
+    <!-- Page CSS -->
+
+    <!-- Helpers -->
+    <script src="/assets/vendor/js/helpers.js"></script>
+
+    <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
+    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
+    <script src="/assets/js/config.js"></script>
+</head>

Views/Shared/_Layout.cshtml

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+
+<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed" dir="ltr" data-theme="theme-default"
+    data-assets-path="/assets/" data-template="vertical-menu-template-no-customizer-starter">
+
+<partial name="_Head" />
+
+<body>
+    <!-- Layout wrapper -->
+    <div class="layout-wrapper layout-content-navbar">
+        <div class="layout-container">
+
+            <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme d-md-none d-block">
+                <div class="app-brand demo">
+                    <a href="index.html" class="app-brand-link">
+                        <span class="app-brand-logo demo">
+                            <svg width="32" height="22" viewBox="0 0 32 22" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
+                                    fill="#7367F0" />
+                                <path opacity="0.06" fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
+                                    fill="#161616" />
+                                <path opacity="0.06" fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
+                                    fill="#161616" />
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
+                                    fill="#7367F0" />
+                            </svg>
+                        </span>
+                        <span class="app-brand-text demo menu-text fw-bold">Vuexy</span>
+                    </a>
+
+                    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
+                        <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
+                        <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
+                    </a>
+                </div>
+
+                <div class="menu-inner-shadow"></div>
+
+                <ul class="menu-inner py-1">
+                    <!-- Page -->
+                    <li class="menu-item active">
+                        <a href="index.html" class="menu-link">
+                            <i class="menu-icon tf-icons ti ti-smart-home"></i>
+                            <div data-i18n="Page 1">Page 1</div>
+                        </a>
+                    </li>
+                    <li class="menu-item">
+                        <a href="page-2.html" class="menu-link">
+                            <i class="menu-icon tf-icons ti ti-app-window"></i>
+                            <div data-i18n="Page 2">Page 2</div>
+                        </a>
+                    </li>
+                </ul>
+            </aside>
+
+
+            <!-- Layout container -->
+            <div class="container-fluid px-0">
+                <partial name="_Navbar" />
+
+                <!-- Content wrapper -->
+                <div class="content-wrapper">
+                    <!-- Content -->
+                    <div class="container-xxl flex-grow-1 container-p-y" style="height: 200vh;">
+                        <div style="padding-top: 4.5rem;">
+                            @RenderBody()
+                        </div>
+                    </div>
+                    <!-- / Content -->
+
+                    <div class="content-backdrop fade"></div>
+                </div>
+                <!-- Content wrapper -->
+
+                <partial name="_Footer" />
+
+            </div>
+            <!-- / Layout page -->
+        </div>
+
+        <!-- Overlay -->
+        <div class="layout-overlay layout-menu-toggle"></div>
+
+        <!-- Drag Target Area To SlideIn Menu On Small Screens -->
+        <div class="drag-target"></div>
+    </div>
+    <!-- / Layout wrapper -->
+
+
+    <partial name="_Scripts" />
+</body>
+
+</html>

Views/Shared/_Layout.cshtml.css

@@ -0,0 +1,48 @@
+/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
+for details on configuring this project to bundle and minify static web assets. */
+
+a.navbar-brand {
+  white-space: normal;
+  text-align: center;
+  word-break: break-all;
+}
+
+a {
+  color: #0077cc;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.border-top {
+  border-top: 1px solid #e5e5e5;
+}
+.border-bottom {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.box-shadow {
+  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+}
+
+button.accept-policy {
+  font-size: 1rem;
+  line-height: inherit;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  white-space: nowrap;
+  line-height: 60px;
+}

Views/Shared/_Logo.cshtml

@@ -0,0 +1 @@
+<img src="/assets/img/logo/logo-dlh.png" width="40" alt="">

Views/Shared/_Navbar.cshtml

@@ -0,0 +1,185 @@
+@{
+    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 -->

Views/Shared/_Scripts.cshtml

@@ -0,0 +1,19 @@
+<!-- Core JS -->
+<!-- build:js assets/vendor/js/core.js -->
+<script src="/assets/vendor/libs/jquery/jquery.js"></script>
+<script src="/assets/vendor/libs/popper/popper.js"></script>
+<script src="/assets/vendor/js/bootstrap.js"></script>
+<script src="/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
+<script src="/assets/vendor/libs/node-waves/node-waves.js"></script>
+
+<script src="/assets/vendor/libs/hammer/hammer.js"></script>
+
+<script src="/assets/vendor/js/menu.js"></script>
+<!-- endbuild -->
+
+<!-- Vendors JS -->
+
+<!-- Main JS -->
+<script src="/assets/js/main.js"></script>
+
+<!-- Page JS -->

Views/Shared/_ValidationScriptsPartial.cshtml

@@ -0,0 +1,2 @@
+<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
+<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>

Views/_ViewImports.cshtml

@@ -0,0 +1,3 @@
+@using silika_website
+@using silika_website.Models
+@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

Views/_ViewStart.cshtml

@@ -0,0 +1,3 @@
+@{
+    Layout = "_Layout";
+}

appsettings.Development.json

@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}

silika-website.csproj

@@ -0,0 +1,10 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net7.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <RootNamespace>silika_website</RootNamespace>
+  </PropertyGroup>
+
+</Project>

silika-website.csproj.user

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <ActiveDebugProfile>https</ActiveDebugProfile>
+  </PropertyGroup>
+</Project>

silika-website.sln

@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.6.33829.357
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "silika-website", "silika-website.csproj", "{4549FC66-A8E7-44CE-B28F-D902C6474BDB}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{4549FC66-A8E7-44CE-B28F-D902C6474BDB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{4549FC66-A8E7-44CE-B28F-D902C6474BDB}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{4549FC66-A8E7-44CE-B28F-D902C6474BDB}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{4549FC66-A8E7-44CE-B28F-D902C6474BDB}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {8B6C0A98-1A19-408E-9FD8-B18A7DE11802}
+	EndGlobalSection
+EndGlobal

wwwroot/assets/css/demo.css

@@ -0,0 +1,116 @@
+/*
+* demo.css
+* File include item demo only specific css only
+******************************************************************************/
+
+.light-style .menu .app-brand.demo {
+  height: 64px;
+}
+
+.dark-style .menu .app-brand.demo {
+  height: 64px;
+}
+
+.app-brand-logo.demo {
+  -ms-flex-align: center;
+  align-items: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  display: -ms-flexbox;
+  display: flex;
+  width: 34px;
+  height: 24px;
+}
+
+.app-brand-logo.demo svg {
+  width: 35px;
+  height: 24px;
+}
+
+.app-brand-text.demo {
+  font-size: 1.375rem;
+}
+
+/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
+.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
+  padding-top: 64px !important;
+}
+.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
+  padding-top: 78px !important;
+}
+/* Navbar page z-index issue solution */
+.content-wrapper .navbar {
+  z-index: auto;
+}
+
+/*
+* Content
+******************************************************************************/
+
+.demo-blocks > * {
+  display: block !important;
+}
+
+.demo-inline-spacing > * {
+  margin: 1rem 0.375rem 0 0 !important;
+}
+
+/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
+.demo-vertical-spacing > * {
+  margin-top: 1rem !important;
+  margin-bottom: 0 !important;
+}
+.demo-vertical-spacing.demo-only-element > :first-child {
+  margin-top: 0 !important;
+}
+
+.demo-vertical-spacing-lg > * {
+  margin-top: 1.875rem !important;
+  margin-bottom: 0 !important;
+}
+.demo-vertical-spacing-lg.demo-only-element > :first-child {
+  margin-top: 0 !important;
+}
+
+.demo-vertical-spacing-xl > * {
+  margin-top: 5rem !important;
+  margin-bottom: 0 !important;
+}
+.demo-vertical-spacing-xl.demo-only-element > :first-child {
+  margin-top: 0 !important;
+}
+
+.rtl-only {
+  display: none !important;
+  text-align: left !important;
+  direction: ltr !important;
+}
+
+[dir='rtl'] .rtl-only {
+  display: block !important;
+}
+
+/*
+* Layout demo
+******************************************************************************/
+
+.layout-demo-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin-top: 1rem;
+}
+.layout-demo-placeholder img {
+  width: 900px;
+}
+.layout-demo-info {
+  text-align: center;
+  margin-top: 1rem;
+}