@{
    ViewData["Title"] = "Data Nasabah";
}

<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
    <div class="prose">
        <span class="text-xl font-semibold text-black">
            Data Nasabah
        </span>
    </div>

    <div class="flex flex-col gap-2 md:flex-row">
        <button class="btn btn-sm max-w-full rounded-full bg-white">
            <i class="ph ph-download"></i>
            Download
        </button>
    </div>
</div>

<div class="h-6"></div>

<div class="card bg-white">
    <div class="card-body p-2">
        <partial name="~/Areas/Shared/Components/Table/_Control.cshtml" />
        <div class="overflow-x-auto">
            <table class="table-zebra table">
                <!-- head -->
                <thead>
                    <tr>
                        <th></th>
                        <th>Nama Nasabah</th>
                        <th>Kabupaten</th>
                        <th>Kecamatan</th>
                        <th>Kelurahan</th>
                        <th>ID Bangunan</th>
                        <th>Jenis Nasabah</th>
                        <th>Status</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>1</th>
                        <td>Andi Prabowo</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Cipayung</td>
                        <td>Kebon Jeruk</td>
                        <td>BSU 4567890</td>
                        <td>Perorangan</td>
                        <td>
                            <div class="badge badge-success badge-soft rounded-full">
                                Aktif
                            </div>
                        </td>
                        <td>
                            <a href="#" class="btn btn-circle btn-primary btn-sm">
                                <i class="ph ph-eye"></i>
                            </a>
                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
                                <i class="ph ph-trash"></i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <th>2</th>
                        <td>Siti Nurhaliza</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Matraman</td>
                        <td>Pancoran</td>
                        <td>BSU 7654321</td>
                        <td>Organisasi</td>
                        <td>
                            <div class="badge badge-success badge-soft rounded-full">
                                Aktif
                            </div>
                        </td>
                        <td>
                            <a href="#" class="btn btn-circle btn-primary btn-sm">
                                <i class="ph ph-eye"></i>
                            </a>
                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
                                <i class="ph ph-trash"></i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <th>3</th>
                        <td>Budi Santoso</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Kramat Jati</td>
                        <td>Kembangan</td>
                        <td>BSU 1234567</td>
                        <td>Perorangan</td>
                        <td>
                            <div class="badge badge-success badge-soft rounded-full">
                                Aktif
                            </div>
                        </td>
                        <td>
                            <a href="#" class="btn btn-circle btn-primary btn-sm">
                                <i class="ph ph-eye"></i>
                            </a>
                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
                                <i class="ph ph-trash"></i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <th>4</th>
                        <td>Nina Sari</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Pulogadung</td>
                        <td>Senen</td>
                        <td>BSU 9876543</td>
                        <td>Perorangan</td>
                        <td>
                            <div class="badge badge-success badge-soft rounded-full">
                                Aktif
                            </div>
                        </td>
                        <td>
                            <a href="#" class="btn btn-circle btn-primary btn-sm">
                                <i class="ph ph-eye"></i>
                            </a>
                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
                                <i class="ph ph-trash"></i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <th>5</th>
                        <td>Dewi Lestasi</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Cakung</td>
                        <td>Kebayoran Baru</td>
                        <td>BSU 3456789</td>
                        <td>Perorangan</td>
                        <td>
                            <div class="badge badge-error badge-soft rounded-full">
                                Tidak Disetujui
                            </div>
                        </td>
                        <td>
                            <a href="#" class="btn btn-circle btn-primary btn-sm">
                                <i class="ph ph-eye"></i>
                            </a>
                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
                                <i class="ph ph-trash"></i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <th>6</th>
                        <td>Rudi Hartono</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Jatinegara</td>
                        <td>Menteng</td>
                        <td>BSU 2345678</td>
                        <td>Organisasi</td>
                        <td>
                            <div class="badge badge-error badge-soft rounded-full">
                                Tidak Disetujui
                            </div>
                        </td>
                        <td>
                            <a href="#" class="btn btn-circle btn-primary btn-sm">
                                <i class="ph ph-eye"></i>
                            </a>
                            <a href="#" class="btn btn-circle btn-error btn-sm text-white">
                                <i class="ph ph-trash"></i>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
    </div>
</div>