@{
    ViewData["Title"] = "Aktifitas";
}

<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">
            Aktifitas
        </span>
    </div>
</div>

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

<div class="card bg-white">
    <div class="card-body">
        <h2 class="card-title">Informasi Aktifitas, Fasilitas & Jenis Pengolahan</h2>
        <form action="#" method="post">
            <div class="divider"></div>
            <div class="grid grid-cols-1 gap-2 md:grid-cols-4">
                <span class="text-lg font-semibold">Aktifitas</span>
                <div class="grid grid-cols-1 gap-2">
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" checked="checked" class="checkbox checkbox-success rounded-full" />
                        <span>Pemilahan</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" checked="checked" class="checkbox checkbox-success rounded-full" />
                        <span>Pengumpulan</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Penyimpanan</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Pengolahan</span>
                    </div>
                </div>
            </div>
            <div class="divider"></div>
            <div class="grid grid-cols-1 gap-2 md:grid-cols-4">
                <span class="text-lg font-semibold">Fasilitas</span>
                <div class="grid grid-cols-1 gap-2 md:grid-cols-2">
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" checked="checked" class="checkbox checkbox-success rounded-full" />
                        <span>Tong Pilah</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" checked="checked" class="checkbox checkbox-success rounded-full" />
                        <span>Tong Komposter</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Mesin Pengepres</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Mesin Cetak Roster</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Laptop</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>PC</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Mobil</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Gremor</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Motor</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Gerobak</span>
                    </div>
                </div>
            </div>
            <div class="divider"></div>
            <div class="grid grid-cols-1 gap-2 md:grid-cols-4">
                <span class="text-lg font-semibold">Jenis Pengolahan</span>
                <div class="grid grid-cols-1 gap-2">
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" checked="checked" class="checkbox checkbox-success rounded-full" />
                        <span>Pemilahan</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" checked="checked" class="checkbox checkbox-success rounded-full" />
                        <span>Pengumpulan</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Penyimpanan</span>
                    </div>
                    <div class="flex flex-row gap-2">
                        <input type="checkbox" class="checkbox checkbox-success rounded-full" />
                        <span>Pengolahan</span>
                    </div>
                </div>
            </div>
            <div class="divider"></div>
            <div class="card-actions">
                <button class="btn w-30 rounded-full bg-white">Batal</button>
                <button class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">Simpan</button>
            </div>
        </form>

    </div>
</div>