From fc5d2fe795411cca33c0e05bbbb10c8f6d5ec989 Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Wed, 19 Nov 2025 13:53:18 +0700
Subject: [PATCH] style: change modal detail rw

---
 Views/DataRw/Index.cshtml | 98 +++++++++++++++++++++++++++++----------
 1 file changed, 74 insertions(+), 24 deletions(-)

diff --git a/Views/DataRw/Index.cshtml b/Views/DataRw/Index.cshtml
index db28b80..14c9f44 100644
--- a/Views/DataRw/Index.cshtml
+++ b/Views/DataRw/Index.cshtml
@@ -25,31 +25,81 @@
 <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 rounded-full" onclick="modal_filter.close()">Bersihkan</button>
-                <button type="submit" class="btn btn-primary rounded-full text-white">Terapkan Filter</button>
+<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>
+        <div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
+            <div class="flex flex-col">
+                <span class="text-gray-500">Nama Ketua RW</span>
+                <span class="font-semibold">Ahmad Kurniawan</span>
             </div>
-        </form>
+            <div class="flex flex-col">
+                <span class="text-gray-500">No. HP Ketua RW</span>
+                <span class="font-semibold">2260</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Jumlah KK</span>
+                <span class="font-semibold">341</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Jumlah Rumah Nasabah</span>
+                <span class="font-semibold" id="detail-jumlah-rumah-nasabah">-</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Jumlah RT</span>
+                <span class="font-semibold">9</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Luas RW (m<sup>2</sup>)</span>
+                <span class="font-semibold">10</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Jumlah Jiwa</span>
+                <span class="font-semibold">2260</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Jumlah Timbulan Sampah Per Hari (Kg)</span>
+                <span class="font-semibold">2260</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Kota / Kabupaten</span>
+                <span class="font-semibold">Kota Adm. Jakarta Barat</span>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">Kecamatan</span>
+                <span class="font-semibold" id="detail-kecamatan">-</span>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 md:gap-2">
+                <div class="flex flex-col">
+                    <span class="text-gray-500">Kelurahan</span>
+                    <span class="font-semibold">Grogol</span>
+                </div>
+                <div class="flex flex-col">
+                    <span class="text-gray-500">RW</span>
+                    <span class="font-semibold" id="detail-rw">-</span>
+                </div>
+            </div>
+            <div class="flex flex-col">
+                <span class="text-gray-500">No. SK RW</span>
+                <span class="font-semibold">SK-/1838/83293</span>
+            </div>
+        </div>
+        <div class="modal-action">
+            <form method="dialog">
+                <button class="btn rounded-full">
+                    <span class="icon me-1">cancel</span>
+                    Tutup
+                </button>
+            </form>
+            <button type="button" class="btn rounded-full btn-primary">
+                <span class="icon">print</span>
+                Cetak
+            </button>
+        </div>
     </div>
+    <form method="dialog" class="modal-backdrop">
+        <button>Tutup</button>
+    </form>
 </dialog>
 
 <div class="card bg-white shadow-sm">
@@ -154,4 +204,4 @@
             detailModal.showModal();
         });
     });
-</script>
+</script>
\ No newline at end of file