From 52097745fcc7568952b15f2ba0f11f342857d7a9 Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Tue, 21 Oct 2025 16:08:30 +0700
Subject: [PATCH] style: add page transaksi laporan for satpel

---
 .../Controllers/TransaksiLaporanController.cs | 13 +++++++
 .../Views/TransaksiLaporan/Index.cshtml       | 38 +++++++++++++++++++
 Areas/Shared/Layouts/App/_Sidebar.cshtml      |  2 +-
 3 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 Areas/Satpel/Controllers/TransaksiLaporanController.cs
 create mode 100644 Areas/Satpel/Views/TransaksiLaporan/Index.cshtml

diff --git a/Areas/Satpel/Controllers/TransaksiLaporanController.cs b/Areas/Satpel/Controllers/TransaksiLaporanController.cs
new file mode 100644
index 0000000..b2fa3b1
--- /dev/null
+++ b/Areas/Satpel/Controllers/TransaksiLaporanController.cs
@@ -0,0 +1,13 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace BankSampahApp.Areas.Satpel.Controllers
+{
+    [Area("Satpel")]
+    public class TransaksiLaporanController : Controller
+    {
+        public IActionResult Index()
+        {
+            return View();
+        }
+    }
+}
diff --git a/Areas/Satpel/Views/TransaksiLaporan/Index.cshtml b/Areas/Satpel/Views/TransaksiLaporan/Index.cshtml
new file mode 100644
index 0000000..cf5721a
--- /dev/null
+++ b/Areas/Satpel/Views/TransaksiLaporan/Index.cshtml
@@ -0,0 +1,38 @@
+@{
+    ViewData["Title"] = "Transaksi Laporan";
+}
+
+<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
+    <div class="prose">
+        <span class="text-xl font-semibold text-black">
+            Transaksi Laporan
+        </span>
+    </div>
+</div>
+
+<div class="h-6"></div>
+
+<div class="card bg-white">
+    <div class="card-body">
+        <form class="grid-col-1 grid items-end gap-4 md:grid-cols-4">
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Tanggal Awal</legend>
+                <input type="date" class="input" />
+            </fieldset>
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Tanggal Akhir</legend>
+                <input type="date" class="input" />
+            </fieldset>
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Jenis Laporan</legend>
+                <select class="select">
+                    <option disabled selected>Pilih Jenis Laporan</option>
+                </select>
+            </fieldset>
+            <button class="btn bg-bank-sampah-primary-500 w-full rounded-full text-white">
+                Download Excel
+                <i class="ph ph-download ms-2"></i>
+            </button>
+        </form>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Areas/Shared/Layouts/App/_Sidebar.cshtml b/Areas/Shared/Layouts/App/_Sidebar.cshtml
index addbb2b..1c9ef36 100644
--- a/Areas/Shared/Layouts/App/_Sidebar.cshtml
+++ b/Areas/Shared/Layouts/App/_Sidebar.cshtml
@@ -149,7 +149,7 @@
                 </a>
             </li>
             <li>
-                <a class="rounded-full">
+                <a asp-area="Satpel" asp-action="Index" asp-controller="TransaksiLaporan" class="rounded-full @(controller == "TransaksiLaporan" ? "menu-active" : "")">
                     <i class="ph ph-database me-2 text-lg"></i>
                     Transaksi Laporan
                 </a>