From 37468d417e53f8fd9dc4c8e9b4feffc8841589d1 Mon Sep 17 00:00:00 2001
From: Kevin Hendrawan <projectkevin97@gmail.com>
Date: Mon, 17 Nov 2025 18:31:19 +0700
Subject: [PATCH] feat(dashboard): add filter button

---
 Views/Main/Dashboard/Index.cshtml | 57 +++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 2 deletions(-)

diff --git a/Views/Main/Dashboard/Index.cshtml b/Views/Main/Dashboard/Index.cshtml
index ecaab52..fdba685 100644
--- a/Views/Main/Dashboard/Index.cshtml
+++ b/Views/Main/Dashboard/Index.cshtml
@@ -16,8 +16,61 @@
         <span class="bg-gradient-to-r from-[#089A7B] to-[#46C881] bg-clip-text text-2xl font-semibold text-transparent">Admin Dimas</span>
     </div>
 </div>
+<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0 mt-2 mb-2">
+    <div class="h-6"></div>
 
-<div class="h-6"></div>
+    <div class="flex gap-2">
+        <button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
+            <i class="ph ph-funnel-simple"></i>
+            Filter
+        </button>
+    </div>
+</div>
+
+<!-- Modal Filter -->
+<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
+    <div class="modal-box w-full sm:max-w-sm">
+        <h3 class="text-lg font-bold">Filter</h3>
+        <form id="formFilter" onsubmit="applyFilter(event)">
+              <fieldset class="fieldset">
+                    <legend class="fieldset-legend">
+                        Kota
+                    </legend>
+                    <select id="kabupaten" class="select w-full" required>
+                        <option value="" disabled selected>Pilih salah satu</option>
+                        <option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
+                        <option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
+                        <option value="Kota Adm Jakarta Selatan">Kota Adm Jakarta Selatan</option>
+                        <option value="Kota Adm Jakarta Utara">Kota Adm Jakarta Utara</option>
+                        <option value="Kota Adm Jakarta Pusat">Kota Adm Jakarta Pusat</option>
+                    </select>
+                </fieldset>
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Kecamatan</legend>
+                <select id="filterKecamatan" class="select w-full">
+                    <option value="">Pilih salah satu</option>
+                </select>
+            </fieldset>
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Kelurahan</legend>
+                <select id="filterKelurahan" class="select w-full">
+                    <option value="">Pilih salah satu</option>
+                </select>
+            </fieldset>
+            <fieldset class="fieldset">
+                <legend class="fieldset-legend">Rukun Warga(RW)</legend>
+                <select id="filterRW" class="select w-full">
+                    <option value="">Pilih salah satu</option>
+                </select>
+            </fieldset>
+            <div class="modal-action">
+                <button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Reset</button>
+                <button type="submit" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Terapkan</button>
+            </div>
+        </form>
+    </div>
+</dialog>
+<!-- /modal filter -->
 
 <div class="grid grid-cols-1 gap-4 md:grid-cols-4">
     <div class="card bg-gradient-to-tl from-[#88C293] to-[#247332] text-white">
@@ -168,4 +221,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>