From b52d2f81f59e94530118f0b1ca4af3081ca08102 Mon Sep 17 00:00:00 2001
From: Regiaaaaaa <gheizarafashaquille@gmail.com>
Date: Tue, 25 Nov 2025 09:16:37 +0700
Subject: [PATCH] feat: add filter modal

---
 Views/DataRumahRumah/Index.cshtml | 51 +++++++++++++++++++++++++++++--
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/Views/DataRumahRumah/Index.cshtml b/Views/DataRumahRumah/Index.cshtml
index 688391a..e4567d5 100644
--- a/Views/DataRumahRumah/Index.cshtml
+++ b/Views/DataRumahRumah/Index.cshtml
@@ -19,10 +19,10 @@
             <span class="icon icon-fill me-2">add</span>
             Tambah
         </button>
-        <a class="btn rounded-full bg-white" href="#">
+        <button class="btn rounded-full bg-white" onclick="modal_filter.showModal()">
             <span class="icon icon-fill me-2">filter_list</span>
             Filter
-        </a>
+        </button>
     </div>
 </div>
 
@@ -108,6 +108,53 @@
     </div>
 </dialog>
 
+<!-- Filter Modal -->
+<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
+    <div class="modal-box w-full sm:max-w-sm">
+        <div class="flex items-center justify-between">
+            <h3 class="text-lg font-bold">Filter</h3>
+            <button type="button" class="btn btn-sm btn-circle btn-ghost" onclick="modal_filter.close()">✕</button>
+        </div>
+
+        <form id="form-filter" action="#" method="get">
+            <fieldset class="fieldset max-w-sm">
+                <legend class="fieldset-legend">Kelurahan</legend>
+                <select id="filter-kelurahan" name="kelurahan" class="select w-full">
+                    <option disabled selected>Pilih Kelurahan</option>
+                    <option value="Cempaka Putih Barat">Cempaka Putih Barat</option>
+                    <option value="Cempaka Putih Timur">Cempaka Putih Timur</option>
+                </select>
+            </fieldset>
+
+            <fieldset class="fieldset max-w-sm">
+                <legend class="fieldset-legend">RW</legend>
+                <select id="filter-rw" name="rw" class="select w-full">
+                    <option disabled selected>Pilih RW</option>
+                    <option value="01">01</option>
+                    <option value="02">02</option>
+                    <option value="03">03</option>
+                </select>
+            </fieldset>
+
+            <fieldset class="fieldset max-w-sm">
+                <legend class="fieldset-legend">RT</legend>
+                <select id="filter-rt" name="rt" class="select w-full">
+                    <option disabled selected>Pilih RT</option>
+                    <option value="001">001</option>
+                    <option value="002">002</option>
+                    <option value="003">003</option>
+                </select>
+            </fieldset>
+
+            <div class="modal-action">
+                <button type="button" class="btn" onclick="modal_filter.close()">Bersihkan</button>
+                <button type="submit" class="btn btn-neutral">Terapkan Filter</button>
+            </div>
+        </form>
+    </div>
+</dialog>
+
+
 <div class="h-8"></div>
 
 <div class="card bg-white shadow-sm">