From 913fcc06430af93444e895135ae8818c4435c21a Mon Sep 17 00:00:00 2001
From: Regiaaaaaa <gheizarafashaquille@gmail.com>
Date: Mon, 1 Dec 2025 16:17:47 +0700
Subject: [PATCH] feat: add month filter

---
 Views/DataPendampingRw/Index.cshtml | 42 ++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/Views/DataPendampingRw/Index.cshtml b/Views/DataPendampingRw/Index.cshtml
index 9894893..29136a9 100644
--- a/Views/DataPendampingRw/Index.cshtml
+++ b/Views/DataPendampingRw/Index.cshtml
@@ -27,23 +27,33 @@
 <div class="tabs tabs-lift">
     <input type="radio" name="my_tabs_3" class="tab checked:text-white [--tab-bg:green]" aria-label="Rapot" />
     <div class="tab-content bg-base-100 border-base-300 p-0">
-        <div class="overflow-x-auto">
-            <table class="table-zebra table" id="tableRapot">
-                <thead>
-                    <tr>
-                        <th class="w-[5%]">No</th>
-                        <th class="w-[25%]">Nama</th>
-                        <th class="w-[15%]">Checklist</th>
-                        <th class="w-[15%]">Berat Sampah</th>
-                        <th class="w-[10%]">Foto</th>
-                        <th class="w-[15%]">Rumah Aktif Memilah</th>
-                        <th class="w-[15%]">Status</th>
-                    </tr>
-                </thead>
-                <tbody></tbody>
-            </table>
-        </div>
+
+    <!-- Filter Bulan -->
+    <div class="flex justify-end items-center gap-2 p-4">
+        <span class="whitespace-nowrap text-sm font-medium text-gray-700">Filter Bulan:</span>
+        <input type="month" id="filterBulanRapot"
+               class="px-4 py-2 border bg-white rounded-md w-[180px] sm:w-[200px]"
+               min="2020-01"
+               max="@DateTime.Now.ToString("yyyy-MM")"
+               value="@DateTime.Now.ToString("yyyy-MM")" />
     </div>
+    <div class="overflow-x-auto">
+        <table class="table-zebra table" id="tableRapot">
+            <thead>
+                <tr>
+                    <th class="w-[5%]">No</th>
+                    <th class="w-[25%]">Nama</th>
+                    <th class="w-[15%]">Checklist</th>
+                    <th class="w-[15%]">Berat Sampah</th>
+                    <th class="w-[10%]">Foto</th>
+                    <th class="w-[15%]">Rumah Aktif Memilah</th>
+                    <th class="w-[15%]">Status</th>
+                </tr>
+            </thead>
+            <tbody></tbody>
+        </table>
+    </div>
+</div>
 
     <input type="radio" name="my_tabs_3" class="tab checked:text-white [--tab-bg:green]" aria-label="Checklist" />
     <div class="tab-content bg-base-100 border-base-300 p-0">