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

<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 Offtaker
        </span>
    </div>

    <div class="flex flex-col gap-2 md:flex-row">
        <button onclick="modal_add_offtaker.showModal()" class="btn btn-sm bg-bank-sampah-primary-500 max-w-full rounded-full text-white">
            <i class="ph ph-plus"></i>
            Tambah Offtaker
        </button>
    </div>
</div>

<!--Modal Add Offtaker-->
<dialog id="modal_add_offtaker" class="modal">
    <div class="modal-box">
        <h3 class="text-lg font-bold">
            Tambah Offtaker
        </h3>
        <form action="#" method="post">
            <fieldset class="fieldset">
                <legend class="fieldset-legend">
                    Nama Offtaker
                    <span class="text-red-500">*</span>
                </legend>
                <input type="text" class="input w-full" placeholder="Nama Offtaker" />
            </fieldset>
            <fieldset class="fieldset">
                <legend class="fieldset-legend">
                    Email
                    <span class="text-red-500">*</span>
                </legend>
                <input type="email" class="input w-full" placeholder="Email" />
            </fieldset>
            <fieldset class="fieldset">
                <legend class="fieldset-legend">
                    Nomor HP
                    <span class="text-red-500">*</span>
                </legend>
                <input type="number" class="input w-full" placeholder="Nomor HP" />
            </fieldset>
            <div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        Provinsi
                        <span class="text-red-500">*</span>
                    </legend>
                    <select class="select">
                        <option disabled selected>Pilih Provinsi</option>
                    </select>
                </fieldset>
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        Kabupaten Kota
                        <span class="text-red-500">*</span>
                    </legend>
                    <select class="select">
                        <option disabled selected>Pilih Kabupaten Kota</option>
                    </select>
                </fieldset>
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        Kecamatan
                        <span class="text-red-500">*</span>
                    </legend>
                    <select class="select">
                        <option disabled selected>Pilih Kecamatan</option>
                    </select>
                </fieldset>
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        Kelurahan
                        <span class="text-red-500">*</span>
                    </legend>
                    <select class="select">
                        <option disabled selected>Pilih Kelurahan</option>
                    </select>
                </fieldset>
            </div>
            <fieldset class="fieldset">
                <legend class="fieldset-legend">
                    Alamat
                    <span class="text-red-500">*</span>
                </legend>
                <textarea class="textarea h-24 w-full" placeholder="Alamat"></textarea>
            </fieldset>
            <div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        RT
                        <span class="text-red-500">*</span>
                    </legend>
                    <input type="number" min="1" class="input w-full" placeholder="RT" />
                </fieldset>
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        RW
                        <span class="text-red-500">*</span>
                    </legend>
                    <input type="number" min="1" class="input w-full" placeholder="RW" />
                </fieldset>
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">
                        Kode POS
                        <span class="text-red-500">*</span>
                    </legend>
                    <input type="number" min="1" class="input w-full" placeholder="Kode POS" />
                </fieldset>
            </div>
            <div class="modal-action">
                <button class="btn w-30 rounded-full bg-white" onclick="modal_add_offtaker.close()">Batal</button>
                <button class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">Simpan</button>
            </div>
        </form>
    </div>
</dialog>
<!--/modal add offtaker-->

<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 Offtaker</th>
                        <th>Kabupaten</th>
                        <th>Kecamatan</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th>1</th>
                        <td>Andi Prabowo</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Cipayung</td>
                        <td>
                            <div class="badge badge-success badge-soft rounded-full">
                                Disetujui
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>2</th>
                        <td>Siti Nurhaliza</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Matraman</td>
                        <td>
                            <div class="badge badge-success badge-soft rounded-full">
                                Disetujui
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>3</th>
                        <td>Budi Santoso</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Kramat Jati</td>
                        <td>
                            <div class="badge badge-warning badge-soft rounded-full">
                                Belum Disetujui
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>4</th>
                        <td>Nina Sari</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Pulogadung</td>
                        <td>
                            <div class="badge badge-warning badge-soft rounded-full">
                                Belum Disetujui
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>5</th>
                        <td>Dewi Lestasi</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Cakung</td>
                        <td>
                            <div class="badge badge-error badge-soft rounded-full">
                                Tidak Disetujui
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>6</th>
                        <td>Rudi Hartono</td>
                        <td>Kota Adm Jakarta Timur</td>
                        <td>Jatinegara</td>
                        <td>
                            <div class="badge badge-error badge-soft rounded-full">
                                Tidak Disetujui
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
    </div>
</div>