157 lines
4.9 KiB
Plaintext
157 lines
4.9 KiB
Plaintext
@{
|
|
Layout = "_LayoutApp";
|
|
ViewData["Title"] = "Rumah Memilah";
|
|
ViewData["RumahMemilahActive"] = "menu-active";
|
|
}
|
|
|
|
<div class="breadcrumbs text-sm">
|
|
<ul>
|
|
<li class="text-gray-500"><a>Data Sudin</a></li>
|
|
<li>Rumah Memilah</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Header -->
|
|
<div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
|
|
<div class="prose">
|
|
<h3 class="mb-2">Rumah Memilah</h3>
|
|
</div>
|
|
<div class="justify-self-end lg:self-center">
|
|
<a class="btn bg-white rounded-full" href="#">
|
|
<span class="icon icon-fill me-2">filter_list</span>
|
|
Filter
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-8"></div>
|
|
|
|
<div class="card bg-white shadow-sm">
|
|
<div class="card-body p-2">
|
|
<div class="overflow-x-auto">
|
|
<table class="table table-zebra">
|
|
<!-- head -->
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Kecamatan</th>
|
|
<th>Jumlah RW</th>
|
|
<th>Total Rumah</th>
|
|
<th>Rumah Aktif Memilah</th>
|
|
<th>Rumah Nasabah</th>
|
|
<th>Bank Sampah</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>1</th>
|
|
<td>Kebayoran Baru</td>
|
|
<td>92</td>
|
|
<td>701</td>
|
|
<td>581</td>
|
|
<td>581</td>
|
|
<td>581</td>
|
|
</tr>
|
|
<tr>
|
|
<th>2</th>
|
|
<td>Tebet</td>
|
|
<td>44</td>
|
|
<td>934</td>
|
|
<td>889</td>
|
|
<td>889</td>
|
|
<td>889</td>
|
|
</tr>
|
|
<tr>
|
|
<th>3</th>
|
|
<td>Mentang</td>
|
|
<td>9</td>
|
|
<td>1378</td>
|
|
<td>673</td>
|
|
<td>673</td>
|
|
<td>673</td>
|
|
</tr>
|
|
<tr>
|
|
<th>4</th>
|
|
<td>Cilandak</td>
|
|
<td>18</td>
|
|
<td>1094</td>
|
|
<td>790</td>
|
|
<td>790</td>
|
|
<td>790</td>
|
|
</tr>
|
|
<tr>
|
|
<th>5</th>
|
|
<td>Setiabudi</td>
|
|
<td>17</td>
|
|
<td>794</td>
|
|
<td>750</td>
|
|
<td>750</td>
|
|
<td>750</td>
|
|
</tr>
|
|
<tr>
|
|
<th>6</th>
|
|
<td>Gambir</td>
|
|
<td>4</td>
|
|
<td>1573</td>
|
|
<td>780</td>
|
|
<td>780</td>
|
|
<td>780</td>
|
|
</tr>
|
|
<tr>
|
|
<th>7</th>
|
|
<td>Cakung</td>
|
|
<td>55</td>
|
|
<td>1160</td>
|
|
<td>552</td>
|
|
<td>552</td>
|
|
<td>552</td>
|
|
</tr>
|
|
<tr>
|
|
<th>8</th>
|
|
<td>Kepala Gading</td>
|
|
<td>95</td>
|
|
<td>1663</td>
|
|
<td>582</td>
|
|
<td>582</td>
|
|
<td>582</td>
|
|
</tr>
|
|
<tr>
|
|
<th>9</th>
|
|
<td>Pancoran</td>
|
|
<td>48</td>
|
|
<td>730</td>
|
|
<td>935</td>
|
|
<td>935</td>
|
|
<td>935</td>
|
|
</tr>
|
|
<tr>
|
|
<th>10</th>
|
|
<td>Tanah Abang</td>
|
|
<td>80</td>
|
|
<td>1046</td>
|
|
<td>593</td>
|
|
<td>593</td>
|
|
<td>593</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</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>
|
|
</div> |