style: add modal filter

Views/DataRw/Index.cshtml

@@ -25,6 +25,34 @@
 <div class="h-8"></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">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" onclick="modal_filter.close()">Bersihkan</button>
+                <button type="submit" class="btn btn-neutral">Terapkan Filter</button>
+            </div>
+        </form>
+    </div>
+</dialog>
+
+<!-- Detail Modal -->
 <dialog id="rw-detail-modal" class="modal modal-bottom sm:modal-middle">
     <div class="modal-box w-11/12 max-w-5xl">
         <h3 class="text-lg font-semibold mb-4">Detail RW</h3>
@@ -204,4 +232,4 @@
             detailModal.showModal();
         });
     });
-</script>
+</script>