From be909cc4c22f803a1867fd6dfeb5d190bb03381d Mon Sep 17 00:00:00 2001
From: Yuri Dimas <yuri@impstudio.co.id>
Date: Wed, 8 Oct 2025 11:44:48 +0700
Subject: [PATCH] style: add menu data pendamping rw

Tab Checklist
---
 Views/DataPendampingRw/Index.cshtml | 290 +++++++++++++++++++++++++++-
 1 file changed, 288 insertions(+), 2 deletions(-)

diff --git a/Views/DataPendampingRw/Index.cshtml b/Views/DataPendampingRw/Index.cshtml
index f191f8f..ce41ecc 100644
--- a/Views/DataPendampingRw/Index.cshtml
+++ b/Views/DataPendampingRw/Index.cshtml
@@ -29,7 +29,7 @@
 <div class="tabs tabs-lift">
     <input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Rapot" checked="checked"/>
     <div class="tab-content bg-base-100 border-base-300 p-6">
-            <div class="overflow-x-auto">
+        <div class="overflow-x-auto">
             <table class="table table-zebra">
                 <!-- head -->
                 <thead>
@@ -368,7 +368,293 @@
     </div>
 
     <input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Checklist" />
-    <div class="tab-content bg-base-100 border-base-300 p-6">Tab content 2</div>
+    <div class="tab-content bg-base-100 border-base-300 p-6">
+        <div class="overflow-x-auto">
+            <table class="table table-zebra">
+                <!-- head -->
+                <thead>
+                <tr>
+                    <th style="width: 5%">No</th>
+                    <th style="width: 35%">Nama</th>
+                    <th style="width: 20%">Checklist</th>
+                    <th style="width: 10%">Foto</th>
+                    <th style="width: 20%">Rumah Aktif Memilah</th>
+                    <th style="width: 20%">Aksi</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <th>1</th>
+                    <td>Risky Adi Putra</td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            10
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        10
+                    </td>
+                    <td>
+                        <div class="badge badge-error badge-soft rounded-xs px-12">
+                            0/12
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>2</th>
+                    <td>Sulaiman</td>
+                    <td>
+                        <div class="badge badge-warning badge-soft rounded-xs px-12">
+                            11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        889
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            11/11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>3</th>
+                    <td>Siti Nurzaliha</td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            12
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        22
+                    </td>
+                    <td>
+                        <div class="badge badge-error badge-soft rounded-xs px-12">
+                            0/10
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>4</th>
+                    <td>Budi Santoso</td>
+                    <td>
+                        <div class="badge badge-warning badge-soft rounded-xs px-12">
+                            1
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        889
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            11/11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>5</th>
+                    <td>Dewi Lestari</td>
+                    <td>
+                        <div class="badge badge-warning badge-soft rounded-xs px-12">
+                            1
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        22
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            10/10
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>6</th>
+                    <td>Andi Prabowo</td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            17
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        889
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            11/11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>7</th>
+                    <td>Nina Sari</td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            15
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        22
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            10/10
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>8</th>
+                    <td>Hendra Wijaya</td>
+                    <td>
+                        <div class="badge badge-warning badge-soft rounded-xs px-12">
+                            1
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        889
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            11/11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>9</th>
+                    <td>Lina Marlina</td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            10
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        22
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            10/10
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                <tr>
+                    <th>10</th>
+                    <td>Yudi Hartono</td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-xs btn-square me-2" disabled>
+                            <span class="icon icon-outline text-sm text-black">image</span>
+                        </button>
+                        889
+                    </td>
+                    <td>
+                        <div class="badge badge-success badge-soft rounded-xs px-12">
+                            11/11
+                        </div>
+                    </td>
+                    <td>
+                        <button class="btn btn-sm rounded-full bg-white">
+                            Detail
+                        </button>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="h-4"></div>
+        <div class="flex flex-col gap-2 md:flex-row justify-between items-center">
+            <a href="#" class="btn btn-ghost btn-sm">
+                <span class="icon icon-fill text-sm me-2">arrow_back</span>
+            Prev
+            </a>
+            <div class="join gap-2">
+                <button class="join-item btn btn-circle bg-bpsrw-500 text-white">1</button>
+                <button class="join-item btn btn-circle bg-white text-gray-500">2</button>
+                <button class="join-item btn btn-circle bg-white text-gray-500">...</button>
+                <button class="join-item btn btn-circle bg-white text-gray-500">5</button>
+                <button class="join-item btn btn-circle bg-white text-gray-500">6</button>
+            </div>
+            <a href="#" class="btn btn-ghost btn-sm">
+                Next
+                <span class="icon icon-fill text-sm ms-2">arrow_forward</span>
+            </a>
+        </div>
+    </div>
 
     <input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Berat Sampah" />
     <div class="tab-content bg-base-100 border-base-300 p-6">Tab content 3</div>