From 42d0fadcdcd1d1ab68dca07611e91a04d2cb9858 Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Mon, 17 Nov 2025 17:03:03 +0700
Subject: [PATCH] style: add tab pengadaan wadah

---
 Controllers/ProfilRwController.cs             | 75 +++++++++++++++++++
 Views/ProfilRw/Index.cshtml                   | 17 ++++-
 Views/ProfilRw/_TabIndexPengadaanWadah.cshtml | 14 ++++
 3 files changed, 105 insertions(+), 1 deletion(-)
 create mode 100644 Views/ProfilRw/_TabIndexPengadaanWadah.cshtml

diff --git a/Controllers/ProfilRwController.cs b/Controllers/ProfilRwController.cs
index dba682e..31c5ea3 100644
--- a/Controllers/ProfilRwController.cs
+++ b/Controllers/ProfilRwController.cs
@@ -228,5 +228,80 @@ namespace BpsRwApp.Controllers
 
             return Json(response);
         }
+
+        [HttpGet]
+        public IActionResult TablePengadaanWadah()
+        {
+            var data = new[]
+            {
+                new {
+                    rt = "001",
+                    jumlah_kepala_keluarga = "11",
+                    total_wadah_unit = "07",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "002",
+                    jumlah_kepala_keluarga = "09",
+                    total_wadah_unit = "01",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "003",
+                    jumlah_kepala_keluarga = "21",
+                    total_wadah_unit = "04",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "004",
+                    jumlah_kepala_keluarga = "17",
+                    total_wadah_unit = "02",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "005",
+                    jumlah_kepala_keluarga = "18",
+                    total_wadah_unit = "08",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "006",
+                    jumlah_kepala_keluarga = "14",
+                    total_wadah_unit = "05",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "007",
+                    jumlah_kepala_keluarga = "02",
+                    total_wadah_unit = "06",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "008",
+                    jumlah_kepala_keluarga = "22",
+                    total_wadah_unit = "06",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "009",
+                    jumlah_kepala_keluarga = "01",
+                    total_wadah_unit = "03",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+                new {
+                    rt = "010",
+                    jumlah_kepala_keluarga = "28",
+                    total_wadah_unit = "04",
+                    status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
+                },
+            };
+
+            var response = new
+            {
+                data = data
+            };
+
+            return Json(response);
+        }
     }
 }
diff --git a/Views/ProfilRw/Index.cshtml b/Views/ProfilRw/Index.cshtml
index 4a88b63..8753610 100644
--- a/Views/ProfilRw/Index.cshtml
+++ b/Views/ProfilRw/Index.cshtml
@@ -41,7 +41,9 @@
     </div>
 
     <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="Pengadaan Wadah" />
-    <div class="tab-content bg-base-100 border-base-300 p-0"></div>
+    <div class="tab-content bg-base-100 border-base-300 p-0">
+        @await Html.PartialAsync("_TabIndexPengadaanWadah")
+    </div>
 
     <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="Kebutuhan Sarpras" />
     <div class="tab-content bg-base-100 border-base-300 p-0"></div>
@@ -165,6 +167,19 @@
             });
         });
 
+        // Datatable Pengadaan Wadah
+        var tablePengadaanWadah= new DataTable('#tablePengadaanWadah', {
+            ajax: '@Url.Action("TablePengadaanWadah", "ProfilRw")',
+            autoWidth: false,
+            columns: [
+                { data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
+                { data: 'rt' },
+                { data: 'jumlah_kepala_keluarga' },
+                { data: 'total_wadah_unit' },
+                { data: 'status' },
+            ]
+        });
+
     });
     </script>
 }
\ No newline at end of file
diff --git a/Views/ProfilRw/_TabIndexPengadaanWadah.cshtml b/Views/ProfilRw/_TabIndexPengadaanWadah.cshtml
new file mode 100644
index 0000000..6d6d851
--- /dev/null
+++ b/Views/ProfilRw/_TabIndexPengadaanWadah.cshtml
@@ -0,0 +1,14 @@
+<div class="overflow-x-auto">
+    <table class="table-zebra table w-full text-sm" id="tablePengadaanWadah">
+        <thead>
+            <tr>
+                <th class="w-[5%]">No</th>
+                <th class="w-[20%]">RT</th>
+                <th class="w-[25%]">Jumlah Kepala Keluarga</th>
+                <th class="w-[25%]">Total Wadah (Unit)</th>
+                <th class="w-[25%]">Status Keterangan Tidak Mampu</th>
+            </tr>
+        </thead>
+        <tbody></tbody>
+    </table>
+</div>
\ No newline at end of file