@{
    ViewData["Title"] = "Wilayah Kecamatan";
}

<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">
            Wilayah Kecamatan
        </span>
    </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 class="w-[5%]"></th>
                        <th class="w-[10%]">Kode</th>
                        <th class="w-[15%]">Nama Kecamatan</th>
                        <th class="w-[15%]">Nama Kabupaten</th>
                        <th class="w-[25%]">Provinsi</th>
                        <th class="w-[15%]">Latitude</th>
                        <th class="w-[15%]">Longitude</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>1</th>
                        <td>81635</td>
                        <td>Jakarta Selatan</td>
                        <td>Kota Adm Jakarta Selatan</td>
                        <td>DKI Jakarta</td>
                        <td>-6.2088, 106.8456</td>
                        <td>106.8456° E</td>
                    </tr>
                    <tr>
                        <th>2</th>
                        <td>81634</td>
                        <td>Jakarta Pusat</td>
                        <td>Kota Adm Jakarta Pusat</td>
                        <td>DKI Jakarta</td>
                        <td>-6.2088, 106.8456</td>
                        <td>106.8456° E</td>
                    </tr>
                    <tr>
                        <th>3</th>
                        <td>81633</td>
                        <td>Jakarta Barat</td>
                        <td>Kota Adm Jakarta Barat</td>
                        <td>DKI Jakarta</td>
                        <td>-6.2088, 106.8456</td>
                        <td>106.8456° E</td>
                    </tr>
                    <tr>
                        <th>4</th>
                        <td>81631</td>
                        <td>Jakarta Timur</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>DKI Jakarta</td>
                        <td>-6.2088, 106.8456</td>
                        <td>106.8456° E</td>
                    </tr>
                    <tr>
                        <th>5</th>
                        <td>81632</td>
                        <td>Jakarta Utara</td>
                        <td>Kota Adm Jakarta Utara</td>
                        <td>DKI Jakarta</td>
                        <td>-6.2088, 106.8456</td>
                        <td>106.8456° E</td>
                    </tr>
                    <tr>
                        <th>6</th>
                        <td>81630</td>
                        <td>Kepulauan Seribu</td>
                        <td>Kota Adm Kepulauan Seribu</td>
                        <td>DKI Jakarta</td>
                        <td>-6.2088, 106.8456</td>
                        <td>106.8456° E</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
    </div>
</div>