@{
    ViewData["Title"] = "Profil Bank Sampah";
}

<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">
            Profil Bank Sampah
        </span>
    </div>
</div>

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

<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
    <div class="flex w-full flex-col items-center gap-4 md:flex-row">
        <figure>
            <img src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
                 alt="Shoes"
                 width="80"
                 height="80"
                 class="h-20 w-20 rounded bg-contain bg-center object-cover" />
        </figure>
        <div class="flex flex-col items-center md:items-start">
            <h2 class="font-semibold">Jakarta Timur</h2>
            <p>Bank Sampah Induk</p>
        </div>
    </div>
    <div class="badge badge-soft badge-success">
        Status Aktif
    </div>
</div>

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

<div class="card bg-white">
    <div class="card-body">
        <div class="flex flex-row items-center justify-between">
            <h2 class="card-title">
                Informasi Biodata
            </h2>
        </div>
        <form action="#" method="post">
            <div class="divider"></div>
            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Nama Nasabah
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="text" class="input" placeholder="Nama Nasabah" value="Ikhdan Nizar Maulana" />
                    </fieldset>
                </div>
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            NIK
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="text" class="input" placeholder="NIK" value="1234567890123456" />
                    </fieldset>
                </div>
            </div>
            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Email
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="email" class="input" placeholder="Email" value="banksampahjaktim@gmail.com" />
                    </fieldset>
                </div>
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            No. HP
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="text" class="input" placeholder="No. HP" value="089556728383" />
                    </fieldset>
                </div>
            </div>
            <div class="divider"></div>
            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Provinsi
                            <span class="text-red-500">*</span>
                        </legend>
                        <select class="select">
                            <option disabled>Pilih Provinsi</option>
                            <option value="DKI Jakarta" selected>DKI Jakarta</option>
                        </select>
                    </fieldset>
                </div>
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Kota
                            <span class="text-red-500">*</span>
                        </legend>
                        <select class="select">
                            <option disabled>Pilih Kota</option>
                            <option value="Kota Adm. Jakarta Timur" selected>Kota Adm. Jakarta Timur</option>
                        </select>
                    </fieldset>
                </div>
            </div>
            <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Kecamatan
                            <span class="text-red-500">*</span>
                        </legend>
                        <select class="select">
                            <option disabled>Pilih Kecamatan</option>
                            <option value="Pasarejo" selected>Pasarejo</option>
                        </select>
                    </fieldset>
                </div>
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Keluaran
                            <span class="text-red-500">*</span>
                        </legend>
                        <select class="select">
                            <option disabled>Pilih Keluaran</option>
                            <option value="Pasarejo" selected>Pasar Minggu</option>
                        </select>
                    </fieldset>
                </div>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2">
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Alamat
                            <span class="text-red-500">*</span>
                        </legend>
                        <textarea class="textarea h-24 w-full" placeholder="Alamat">Jalan Raya Pasar Minggu No. 45 Jakarta Timur, DKI Jakarta</textarea>
                    </fieldset>
                </div>
            </div>
            <div class="grid grid-cols-1 space-y-2 md:grid-cols-6 md:space-x-6">
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            RT
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="number" class="input" placeholder="RT" value="02" />
                    </fieldset>
                </div>
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            RW
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="number" class="input" placeholder="RW" value="02" />
                    </fieldset>
                </div>
                <div class="flex flex-col">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">
                            Kode Pos
                            <span class="text-red-500">*</span>
                        </legend>
                        <input type="number" class="input" placeholder="Kode Pos" value="61374" />
                    </fieldset>
                </div>
            </div>
            <div class="divider"></div>
            <div class="card-actions">
                <a asp-controller="Profil" asp-area="Nasabah" asp-action="Index" class="btn w-30 rounded-full bg-white">
                    Batal
                </a>
                <a href="#" class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">
                    Simpan
                </a>
            </div>
        </form>
    </div>
</div>