From 6a7fca4d360eccde4f1323b166b8af75968550b5 Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Tue, 18 Nov 2025 13:57:16 +0700
Subject: [PATCH] style: add filter

---
 Views/DataKecamatanRumahMemilah/Index.cshtml | 40 ++++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/Views/DataKecamatanRumahMemilah/Index.cshtml b/Views/DataKecamatanRumahMemilah/Index.cshtml
index b4d96d3..ff6e1b1 100644
--- a/Views/DataKecamatanRumahMemilah/Index.cshtml
+++ b/Views/DataKecamatanRumahMemilah/Index.cshtml
@@ -15,13 +15,47 @@
         <h3 class="mb-2">Rumah Memilah</h3>
     </div>
     <div class="justify-self-end lg:self-center">
-        <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>
 
+<!-- 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 action="#" method="get">
+            <fieldset class="fieldset max-w-sm">
+                <legend class="fieldset-legend">Kecamatan</legend>
+                <select class="select w-full">
+                    <option disabled selected>Pilih Kecamatan</option>
+                </select>
+            </fieldset>
+            <fieldset class="fieldset max-w-sm">
+                <legend class="fieldset-legend">Kelurahan</legend>
+                <select class="select w-full">
+                    <option disabled selected>Pilih Kelurahan</option>
+                </select>
+            </fieldset>
+            <fieldset class="fieldset max-w-sm">
+                <legend class="fieldset-legend">RW</legend>
+                <select class="select w-full">
+                    <option disabled selected>Pilih RW</option>
+                </select>
+            </fieldset>
+            <div class="modal-action">
+                <button type="button" class="btn rounded-full" onclick="modal_filter.close()">Bersihkan</button>
+                <button type="submit" class="btn btn-primary rounded-full text-white">Terapkan Filter</button>
+            </div>
+        </form>
+    </div>
+</dialog>
+
 <div class="h-8"></div>
 
 <div class="card bg-white shadow-sm">
@@ -68,4 +102,4 @@
             ]
         });
     });
-</script>
+</script>
\ No newline at end of file