banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: use fieldset

main
Rohmad Eko Wahyudi 2025-11-12 10:17:55 +07:00
parent fd315f7867
commit 511833abe1
No known key found for this signature in database
GPG Key ID: 4CCEDA68CB778BAF
25 changed files with 790 additions and 685 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
Views/Data/BankSampahInduk/Index.cshtml
View File

@ -24,37 +24,43 @@
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<input type="hidden" id="bank_sampah_induk_id" value=""> <input type="hidden" id="bank_sampah_induk_id" value="">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama
</label> <span class="text-red-500">*</span>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Bank Sampah Induk" required /> </legend>
<input type="text" id="nama" class="input" placeholder="Nama Bank Sampah Induk" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Tanggal Pendaftaran <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Tanggal Pendaftaran
</label> <span class="text-red-500">*</span>
<input type="date" id="tgl_pendaftaran" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] focus:outline-2 focus:outline-green-800" required /> </legend>
<input type="date" id="tgl_pendaftaran" class="input" required />
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status
</label> <span class="text-red-500">*</span>
<select id="status" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih status</option> <select id="status" class="select" required>
<option value="Aktif" class="text-slate-800">Aktif</option> <option value="" disabled selected>Pilih status</option>
<option value="Tidak Aktif" class="text-slate-800">Tidak Aktif</option> <option value="Aktif">Aktif</option>
</select> <option value="Tidak Aktif">Tidak Aktif</option>
</select>
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

30
Views/Data/HargaSampah/Index.cshtml
View File

@ -23,23 +23,27 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Harga Sampah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Harga Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Subkategori Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Subkategori Sampah
</label> <span class="text-red-500">*</span>
<input type="text" id="nama_subkategori" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Subkategori Sampah" required /> </legend>
<input type="text" id="nama_subkategori" class="input" placeholder="Nama Subkategori Sampah" required />
</fieldset>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Harga (Rp) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Harga (Rp)
</label> <span class="text-red-500">*</span>
<input type="number" id="harga" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Harga (Rp)" required /> </legend>
<input type="number" id="harga" class="input" placeholder="Harga (Rp)" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

82
Views/Data/Nasabah/Index.cshtml
View File

@ -24,55 +24,65 @@
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<input type="hidden" id="nasabah_id" value=""> <input type="hidden" id="nasabah_id" value="">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama
</label> <span class="text-red-500">*</span>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Nasabah" required /> </legend>
<input type="text" id="nama" class="input" placeholder="Nama Nasabah" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Tanggal Pendaftaran <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Tanggal Pendaftaran
</label> <span class="text-red-500">*</span>
<input type="date" id="tgl_pendaftaran" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] focus:outline-2 focus:outline-green-800" required /> </legend>
<input type="date" id="tgl_pendaftaran" class="input" required />
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status
</label> <span class="text-red-500">*</span>
<select id="status" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih status</option> <select id="status" class="select" required>
<option value="Aktif" class="text-slate-800">Aktif</option> <option value="" disabled selected>Pilih status</option>
<option value="Tidak Aktif" class="text-slate-800">Tidak Aktif</option> <option value="Aktif">Aktif</option>
</select> <option value="Tidak Aktif">Tidak Aktif</option>
</select>
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Saldo Awal (Rp) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Saldo Awal (Rp)
</label> <span class="text-red-500">*</span>
<input type="number" id="saldo_awal" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Saldo Awal" required /> </legend>
<input type="number" id="saldo_awal" class="input" placeholder="Saldo Awal" required />
</fieldset>
</div> </div>
</div> </div>
<!-- Row 3 --> <!-- Row 3 -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status Penarikan <legend class="fieldset-legend">
</label> Status Penarikan
<input type="text" id="status_penarikan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Status Penarikan" /> </legend>
<input type="text" id="status_penarikan" class="input" placeholder="Status Penarikan" />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

274
Views/Data/Offtaker/Index.cshtml
View File

@ -23,164 +23,188 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Offtaker</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Offtaker</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Nama Offtaker --> <!-- Nama Offtaker -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Offtaker <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Offtaker
</label> <span class="text-red-500">*</span>
<input type="text" id="nama_offtaker" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Offtaker" required /> </legend>
<input type="text" id="nama_offtaker" class="input" placeholder="Nama Offtaker" required />
</fieldset>
</div> </div>
<!-- Email --> <!-- Email -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Email <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Email
</label> <span class="text-red-500">*</span>
<input type="email" id="email" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Email" required /> </legend>
<input type="email" id="email" class="input" placeholder="Email" required />
</fieldset>
</div> </div>
<!-- No. HP --> <!-- No. HP -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
No. HP <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> No. HP
</label> <span class="text-red-500">*</span>
<input type="tel" id="no_hp" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="No. HP" required /> </legend>
<input type="tel" id="no_hp" class="input" placeholder="No. HP" required />
</fieldset>
</div> </div>
<!-- Provinsi & Kota --> <!-- Provinsi & Kota -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Provinsi <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Provinsi
</label> <span class="text-red-500">*</span>
<select id="provinsi" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="provinsi" class="select" required>
<option value="DKI Jakarta" class="text-slate-800">DKI Jakarta</option> <option value="" disabled selected>Pilih salah satu</option>
</select> <option value="DKI Jakarta">DKI Jakarta</option>
</select>
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kota <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kota
</label> <span class="text-red-500">*</span>
<select id="kabupaten" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="kabupaten" class="select" required>
<option value="Kota Adm. Jakarta Pusat" class="text-slate-800">Kota Adm. Jakarta Pusat</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Kota Adm. Jakarta Utara" class="text-slate-800">Kota Adm. Jakarta Utara</option> <option value="Kota Adm. Jakarta Pusat">Kota Adm. Jakarta Pusat</option>
<option value="Kota Adm. Jakarta Barat" class="text-slate-800">Kota Adm. Jakarta Barat</option> <option value="Kota Adm. Jakarta Utara">Kota Adm. Jakarta Utara</option>
<option value="Kota Adm. Jakarta Selatan" class="text-slate-800">Kota Adm. Jakarta Selatan</option> <option value="Kota Adm. Jakarta Barat">Kota Adm. Jakarta Barat</option>
<option value="Kota Adm. Jakarta Timur" class="text-slate-800">Kota Adm. Jakarta Timur</option> <option value="Kota Adm. Jakarta Selatan">Kota Adm. Jakarta Selatan</option>
</select> <option value="Kota Adm. Jakarta Timur">Kota Adm. Jakarta Timur</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Kecamatan & Kelurahan --> <!-- Kecamatan & Kelurahan -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kecamatan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kecamatan
</label> <span class="text-red-500">*</span>
<select id="kecamatan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="kecamatan" class="select" required>
<option value="Jatinegara" class="text-slate-800">Jatinegara</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Jagakarsa" class="text-slate-800">Jagakarsa</option> <option value="Jatinegara">Jatinegara</option>
<option value="Pesanggrahan" class="text-slate-800">Pesanggrahan</option> <option value="Jagakarsa">Jagakarsa</option>
<option value="Palmerah" class="text-slate-800">Palmerah</option> <option value="Pesanggrahan">Pesanggrahan</option>
<option value="Menteng" class="text-slate-800">Menteng</option> <option value="Palmerah">Palmerah</option>
<option value="Tanjung Priok" class="text-slate-800">Tanjung Priok</option> <option value="Menteng">Menteng</option>
<option value="Cakung" class="text-slate-800">Cakung</option> <option value="Tanjung Priok">Tanjung Priok</option>
<option value="Kebon Jeruk" class="text-slate-800">Kebon Jeruk</option> <option value="Cakung">Cakung</option>
<option value="Pasar Minggu" class="text-slate-800">Pasar Minggu</option> <option value="Kebon Jeruk">Kebon Jeruk</option>
<option value="Kramat Jati" class="text-slate-800">Kramat Jati</option> <option value="Pasar Minggu">Pasar Minggu</option>
<option value="Tanah Abang" class="text-slate-800">Tanah Abang</option> <option value="Kramat Jati">Kramat Jati</option>
<option value="Kemayoran" class="text-slate-800">Kemayoran</option> <option value="Tanah Abang">Tanah Abang</option>
<option value="Kelapa Gading" class="text-slate-800">Kelapa Gading</option> <option value="Kemayoran">Kemayoran</option>
<option value="Pulo Gadung" class="text-slate-800">Pulo Gadung</option> <option value="Kelapa Gading">Kelapa Gading</option>
<option value="Matraman" class="text-slate-800">Matraman</option> <option value="Pulo Gadung">Pulo Gadung</option>
<option value="Cipayung" class="text-slate-800">Cipayung</option> <option value="Matraman">Matraman</option>
<option value="Pancoran" class="text-slate-800">Pancoran</option> <option value="Cipayung">Cipayung</option>
<option value="Pasar Rebo" class="text-slate-800">Pasar Rebo</option> <option value="Pancoran">Pancoran</option>
<option value="Makasar" class="text-slate-800">Makasar</option> <option value="Pasar Rebo">Pasar Rebo</option>
<option value="Mampang Prapatan" class="text-slate-800">Mampang Prapatan</option> <option value="Makasar">Makasar</option>
</select> <option value="Mampang Prapatan">Mampang Prapatan</option>
</select>
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kelurahan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kelurahan
</label> <span class="text-red-500">*</span>
<select id="kelurahan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="kelurahan" class="select" required>
<option value="Kampung Melayu" class="text-slate-800">Kampung Melayu</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Tanjung Barat" class="text-slate-800">Tanjung Barat</option> <option value="Kampung Melayu">Kampung Melayu</option>
<option value="Petukangan Selatan" class="text-slate-800">Petukangan Selatan</option> <option value="Tanjung Barat">Tanjung Barat</option>
<option value="Slipi" class="text-slate-800">Slipi</option> <option value="Petukangan Selatan">Petukangan Selatan</option>
<option value="Gondangdia" class="text-slate-800">Gondangdia</option> <option value="Slipi">Slipi</option>
<option value="Sunter Agung" class="text-slate-800">Sunter Agung</option> <option value="Gondangdia">Gondangdia</option>
<option value="Cakung Timur" class="text-slate-800">Cakung Timur</option> <option value="Sunter Agung">Sunter Agung</option>
<option value="Kelapa Dua" class="text-slate-800">Kelapa Dua</option> <option value="Cakung Timur">Cakung Timur</option>
<option value="Pejaten Timur" class="text-slate-800">Pejaten Timur</option> <option value="Kelapa Dua">Kelapa Dua</option>
<option value="Batu Ampar" class="text-slate-800">Batu Ampar</option> <option value="Pejaten Timur">Pejaten Timur</option>
</select> <option value="Batu Ampar">Batu Ampar</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Alamat --> <!-- Alamat -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Alamat <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Alamat
</label> <span class="text-red-500">*</span>
<textarea id="alamat" class="px-3.5 py-4 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 h-32 resize-none focus:outline-2 focus:outline-green-800" placeholder="Alamat" required></textarea> </legend>
<textarea id="alamat" class="textarea h-32" placeholder="Alamat" required></textarea>
</fieldset>
</div> </div>
<!-- RT, RW, Kode Pos --> <!-- RT, RW, Kode Pos -->
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-3 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
RT <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> RT
</label> <span class="text-red-500">*</span>
<input type="text" id="rt" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="RT" required /> </legend>
<input type="text" id="rt" class="input" placeholder="RT" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
RW <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> RW
</label> <span class="text-red-500">*</span>
<input type="text" id="rw" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="RW" required /> </legend>
<input type="text" id="rw" class="input" placeholder="RW" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kode Pos <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kode Pos
</label> <span class="text-red-500">*</span>
<input type="text" id="kode_pos" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Kode Pos" required /> </legend>
<input type="text" id="kode_pos" class="input" placeholder="Kode Pos" required />
</fieldset>
</div> </div>
</div> </div>
<!-- Status (only in edit mode) --> <!-- Status (only in edit mode) -->
<div class="flex flex-col gap-1.5" id="status_wrapper" style="display: none;"> <div class="flex flex-col" id="status_wrapper" style="display: none;">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status
</label> <span class="text-red-500">*</span>
<select id="status" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800"> </legend>
<option value="" class="text-gray-400">Pilih status</option> <select id="status" class="select">
<option value="Disetujui" class="text-slate-800">Disetujui</option> <option value="" disabled selected>Pilih status</option>
<option value="Belum Disetujui" class="text-slate-800">Belum Disetujui</option> <option value="Disetujui">Disetujui</option>
<option value="Tidak Disetujui" class="text-slate-800">Tidak Disetujui</option> <option value="Belum Disetujui">Belum Disetujui</option>
</select> <option value="Tidak Disetujui">Tidak Disetujui</option>
</select>
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

88
Views/Main/BankSampahNasabah/Index.cshtml
View File

@ -23,52 +23,56 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Bank Sampah Saya</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Bank Sampah Saya</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kelurahan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kelurahan
</label> <span class="text-red-500">*</span>
<select id="kelurahan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="kelurahan" class="select" required>
<option value="Kalisari" class="text-slate-800">Kalisari</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Pasar Minggu" class="text-slate-800">Pasar Minggu</option> <option value="Kalisari">Kalisari</option>
<option value="Cipayung" class="text-slate-800">Cipayung</option> <option value="Pasar Minggu">Pasar Minggu</option>
<option value="Ciracas" class="text-slate-800">Ciracas</option> <option value="Cipayung">Cipayung</option>
<option value="Cilandak" class="text-slate-800">Cilandak</option> <option value="Ciracas">Ciracas</option>
<option value="Cakung" class="text-slate-800">Cakung</option> <option value="Cilandak">Cilandak</option>
<option value="Duren Sawit" class="text-slate-800">Duren Sawit</option> <option value="Cakung">Cakung</option>
<option value="Kebayoran Baru" class="text-slate-800">Kebayoran Baru</option> <option value="Duren Sawit">Duren Sawit</option>
<option value="Tebet" class="text-slate-800">Tebet</option> <option value="Kebayoran Baru">Kebayoran Baru</option>
<option value="Menteng" class="text-slate-800">Menteng</option> <option value="Tebet">Tebet</option>
</select> <option value="Menteng">Menteng</option>
</select>
</fieldset>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Daftar Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Daftar Bank Sampah
</label> <span class="text-red-500">*</span>
<select id="daftar_bank_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Bank Sampah...</option> <select id="daftar_bank_sampah" class="select" required>
<option value="RW 09 Kalisari" class="text-slate-800">RW 09 Kalisari</option> <option value="" disabled selected>Pilih Bank Sampah...</option>
<option value="Berkah Sampah" class="text-slate-800">Berkah Sampah</option> <option value="RW 09 Kalisari">RW 09 Kalisari</option>
<option value="Pelangi Persada" class="text-slate-800">Pelangi Persada</option> <option value="Berkah Sampah">Berkah Sampah</option>
<option value="Eco Makmur" class="text-slate-800">Eco Makmur</option> <option value="Pelangi Persada">Pelangi Persada</option>
<option value="Griya Daur Ulang" class="text-slate-800">Griya Daur Ulang</option> <option value="Eco Makmur">Eco Makmur</option>
<option value="Bank Sampah Induk" class="text-slate-800">Bank Sampah Induk</option> <option value="Griya Daur Ulang">Griya Daur Ulang</option>
<option value="Ceria Hijau" class="text-slate-800">Ceria Hijau</option> <option value="Bank Sampah Induk">Bank Sampah Induk</option>
<option value="Hijau Lestari" class="text-slate-800">Hijau Lestari</option> <option value="Ceria Hijau">Ceria Hijau</option>
<option value="Sahabat Bumi" class="text-slate-800">Sahabat Bumi</option> <option value="Hijau Lestari">Hijau Lestari</option>
<option value="Bersih Sejahtera" class="text-slate-800">Bersih Sejahtera</option> <option value="Sahabat Bumi">Sahabat Bumi</option>
<option value="Karya Mandiri" class="text-slate-800">Karya Mandiri</option> <option value="Bersih Sejahtera">Bersih Sejahtera</option>
<option value="Bumi Asri" class="text-slate-800">Bumi Asri</option> <option value="Karya Mandiri">Karya Mandiri</option>
<option value="Lestari Alam" class="text-slate-800">Lestari Alam</option> <option value="Bumi Asri">Bumi Asri</option>
<option value="Mandiri Sejahtera" class="text-slate-800">Mandiri Sejahtera</option> <option value="Lestari Alam">Lestari Alam</option>
<option value="Cahaya Bersih" class="text-slate-800">Cahaya Bersih</option> <option value="Mandiri Sejahtera">Mandiri Sejahtera</option>
</select> <option value="Cahaya Bersih">Cahaya Bersih</option>
</select>
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

197
Views/Main/Composting/Index.cshtml
View File

@ -23,138 +23,135 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Transaksi BSI</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Transaksi BSI</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false" /> <input type="hidden" id="edit_mode" value="false" />
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1: Tanggal Pencatatan & Nama Bank Sampah --> <!-- Row 1: Tanggal Pencatatan & Nama Bank Sampah -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<!-- Tanggal Pencatatan --> <!-- Tanggal Pencatatan -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Tanggal Pencatatan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Tanggal Pencatatan
</label> <span class="text-red-500">*</span>
<input type="date" </legend>
id="tgl_pencatatan" <input type="date" id="tgl_pencatatan" class="input" placeholder="dd/mm/yyyy" required />
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] focus:outline-2 focus:outline-green-800" </fieldset>
placeholder="dd/mm/yyyy"
required />
</div> </div>
<!-- Nama Bank Sampah --> <!-- Nama Bank Sampah -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Bank Sampah
</label> <span class="text-red-500">*</span>
<select id="nama_bank_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Nama Bank Sampah</option> <select id="nama_bank_sampah" class="select" required>
<option value="Berkah Sampah" class="text-slate-800">Berkah Sampah</option> <option value="" disabled selected>Pilih Nama Bank Sampah</option>
<option value="Pelangi Persada" class="text-slate-800">Pelangi Persada</option> <option value="Berkah Sampah">Berkah Sampah</option>
<option value="Eco Makmur" class="text-slate-800">Eco Makmur</option> <option value="Pelangi Persada">Pelangi Persada</option>
<option value="Griya Daur Ulang" class="text-slate-800">Griya Daur Ulang</option> <option value="Eco Makmur">Eco Makmur</option>
<option value="Bank Sampah Induk" class="text-slate-800">Bank Sampah Induk</option> <option value="Griya Daur Ulang">Griya Daur Ulang</option>
<option value="Ceria Hijau" class="text-slate-800">Ceria Hijau</option> <option value="Bank Sampah Induk">Bank Sampah Induk</option>
</select> <option value="Ceria Hijau">Ceria Hijau</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2: Nama Penanggung Jawab & Jenis Sampah Organik --> <!-- Row 2: Nama Penanggung Jawab & Jenis Sampah Organik -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<!-- Nama Penanggung Jawab --> <!-- Nama Penanggung Jawab -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Penanggung Jawab <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Penanggung Jawab
</label> <span class="text-red-500">*</span>
<input type="text" </legend>
id="nama_penanggung_jawab" <input type="text" id="nama_penanggung_jawab" class="input" placeholder="Nama Penanggung Jawab" required />
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" </fieldset>
placeholder="Nama Penanggung Jawab"
required />
</div> </div>
<!-- Jenis Sampah Organik --> <!-- Jenis Sampah Organik -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jenis Sampah Organik <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jenis Sampah Organik
</label> <span class="text-red-500">*</span>
<select id="jenis_sampah_organik" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="jenis_sampah_organik" class="select" required>
<option value="Rumput" class="text-slate-800">Rumput</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Buah Busuk" class="text-slate-800">Buah Busuk</option> <option value="Rumput">Rumput</option>
<option value="Jerami" class="text-slate-800">Jerami</option> <option value="Buah Busuk">Buah Busuk</option>
<option value="Sayuran" class="text-slate-800">Sayuran</option> <option value="Jerami">Jerami</option>
<option value="Daun Kering" class="text-slate-800">Daun Kering</option> <option value="Sayuran">Sayuran</option>
<option value="Sisa Makanan" class="text-slate-800">Sisa Makanan</option> <option value="Daun Kering">Daun Kering</option>
</select> <option value="Sisa Makanan">Sisa Makanan</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 3: Jumlah Sampah Masuk & Jumlah Kompos --> <!-- Row 3: Jumlah Sampah Masuk & Jumlah Kompos -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<!-- Jumlah Sampah Masuk --> <!-- Jumlah Sampah Masuk -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jumlah Sampah Masuk (Kg) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jumlah Sampah Masuk (Kg)
</label> <span class="text-red-500">*</span>
<input type="number" </legend>
id="jumlah_sampah_masuk" <input type="number" id="jumlah_sampah_masuk" class="input" placeholder="Jumlah Sampah Masuk (Kg)" required />
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" </fieldset>
placeholder="Jumlah Sampah Masuk (Kg)"
required />
</div> </div>
<!-- Jumlah Kompos yang dihasilkan --> <!-- Jumlah Kompos yang dihasilkan -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jumlah Kompos yang dihasilkan (Kg) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jumlah Kompos yang dihasilkan (Kg)
</label> <span class="text-red-500">*</span>
<input type="number" </legend>
id="jumlah_kompos_dihasilkan" <input type="number" id="jumlah_kompos_dihasilkan" class="input" placeholder="Jumlah Kompos yang dihasilkan (Kg)" required />
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" </fieldset>
placeholder="Jumlah Kompos yang dihasilkan (Kg)"
required />
</div> </div>
</div> </div>
<!-- Row 4: Lama Proses & Status Validasi --> <!-- Row 4: Lama Proses & Status Validasi -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<!-- Lama Proses --> <!-- Lama Proses -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Lama Proses (Hari) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Lama Proses (Hari)
</label> <span class="text-red-500">*</span>
<input type="number" </legend>
id="lama_proses" <input type="number" id="lama_proses" class="input" placeholder="Lama Proses (Hari)" required />
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" </fieldset>
placeholder="Lama Proses (Hari)"
required />
</div> </div>
<!-- Status Validasi --> <!-- Status Validasi -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status Validasi <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status Validasi
</label> <span class="text-red-500">*</span>
<select id="status_validasi" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="status_validasi" class="select" required>
<option value="Disetujui" class="text-slate-800">Disetujui</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Belum Disetujui" class="text-slate-800">Belum Disetujui</option> <option value="Disetujui">Disetujui</option>
</select> <option value="Belum Disetujui">Belum Disetujui</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 5: Catatan --> <!-- Row 5: Catatan -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Catatan <legend class="fieldset-legend">
</label> Catatan
<textarea id="catatan" class="px-3.5 py-4 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 h-32 resize-none focus:outline-2 focus:outline-green-800" </legend>
placeholder="Catatan"></textarea> <textarea id="catatan" class="textarea h-32" placeholder="Catatan"></textarea>
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->
@ -180,7 +177,7 @@
<!-- Modal Validasi Data --> <!-- Modal Validasi Data -->
<dialog id="modal_validasi" class="modal modal-bottom sm:modal-middle"> <dialog id="modal_validasi" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full max-w-[591px] p-6 bg-white rounded-2xl inline-flex flex-col justify-center items-end gap-6"> <div class="modal-box w-full max-w-[591px] p-6 bg-white rounded-2xl inline-flex flex-col justify-center items-end gap-2">
<!-- Header --> <!-- Header -->
<div class="self-stretch inline-flex justify-between items-center"> <div class="self-stretch inline-flex justify-between items-center">
<div class="flex-1 justify-start text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8">Validasi Data</div> <div class="flex-1 justify-start text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8">Validasi Data</div>

148
Views/Main/DataBankSampah/Index.cshtml
View File

@ -27,92 +27,106 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Bank Sampah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Bank Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Bank Sampah
</label> <span class="text-red-500">*</span>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Bank Sampah" required /> </legend>
<input type="text" id="nama" class="input" placeholder="Nama Bank Sampah" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kabupaten <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kabupaten
</label> <span class="text-red-500">*</span>
<select id="kabupaten" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Kabupaten</option> <select id="kabupaten" class="select" required>
<option value="Kota Adm Jakarta Timur" class="text-slate-800">Kota Adm Jakarta Timur</option> <option value="" disabled selected>Pilih Kabupaten</option>
<option value="Kota Adm Jakarta Barat" class="text-slate-800">Kota Adm Jakarta Barat</option> <option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
<option value="Kota Adm Jakarta Selatan" class="text-slate-800">Kota Adm Jakarta Selatan</option> <option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
<option value="Kota Adm Jakarta Utara" class="text-slate-800">Kota Adm Jakarta Utara</option> <option value="Kota Adm Jakarta Selatan">Kota Adm Jakarta Selatan</option>
<option value="Kota Adm Jakarta Pusat" class="text-slate-800">Kota Adm Jakarta Pusat</option> <option value="Kota Adm Jakarta Utara">Kota Adm Jakarta Utara</option>
</select> <option value="Kota Adm Jakarta Pusat">Kota Adm Jakarta Pusat</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kecamatan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kecamatan
</label> <span class="text-red-500">*</span>
<input type="text" id="kecamatan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Kecamatan" required /> </legend>
<input type="text" id="kecamatan" class="input" placeholder="Kecamatan" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kelurahan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kelurahan
</label> <span class="text-red-500">*</span>
<input type="text" id="kelurahan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Kelurahan" required /> </legend>
<input type="text" id="kelurahan" class="input" placeholder="Kelurahan" required />
</fieldset>
</div> </div>
</div> </div>
<!-- Row 3 --> <!-- Row 3 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jenis Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jenis Bank Sampah
</label> <span class="text-red-500">*</span>
<select id="jenis" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Jenis</option> <select id="jenis" class="select" required>
<option value="BSU" class="text-slate-800">BSU</option> <option value="" disabled selected>Pilih Jenis</option>
<option value="BSI" class="text-slate-800">BSI</option> <option value="BSU">BSU</option>
</select> <option value="BSI">BSI</option>
</select>
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kategori Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kategori Bank Sampah
</label> <span class="text-red-500">*</span>
<select id="kategori" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Kategori</option> <select id="kategori" class="select" required>
<option value="Warga" class="text-slate-800">Warga</option> <option value="" disabled selected>Pilih Kategori</option>
<option value="Sekolah" class="text-slate-800">Sekolah</option> <option value="Warga">Warga</option>
<option value="Perusahaan" class="text-slate-800">Perusahaan</option> <option value="Sekolah">Sekolah</option>
</select> <option value="Perusahaan">Perusahaan</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 4 --> <!-- Row 4 -->
<div class="grid grid-cols-1 gap-6"> <div class="grid grid-cols-1 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status
</label> <span class="text-red-500">*</span>
<select id="status" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Status</option> <select id="status" class="select" required>
<option value="Disetujui" class="text-slate-800">Disetujui</option> <option value="" disabled selected>Pilih Status</option>
<option value="Belum Disetujui" class="text-slate-800">Belum Disetujui</option> <option value="Disetujui">Disetujui</option>
</select> <option value="Belum Disetujui">Belum Disetujui</option>
</select>
</fieldset>
</div> </div>
</div> </div>

108
Views/Main/DataOfftaker/Index.cshtml
View File

@ -49,65 +49,73 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Offtaker</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Offtaker</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Offtaker <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Offtaker
</label> <span class="text-red-500">*</span>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="Nama Offtaker" required /> </legend>
<input type="text" id="nama" class="input" placeholder="Nama Offtaker" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kabupaten <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kabupaten
</label> <span class="text-red-500">*</span>
<select id="kabupaten" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Kabupaten</option> <select id="kabupaten" class="select" required>
<option value="Kota Adm Jakarta Timur" class="text-slate-800">Kota Adm Jakarta Timur</option> <option value="" disabled selected>Pilih Kabupaten</option>
<option value="Kota Adm Jakarta Barat" class="text-slate-800">Kota Adm Jakarta Barat</option> <option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
<option value="Kota Adm Jakarta Selatan" class="text-slate-800">Kota Adm Jakarta Selatan</option> <option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
<option value="Kota Adm Jakarta Utara" class="text-slate-800">Kota Adm Jakarta Utara</option> <option value="Kota Adm Jakarta Selatan">Kota Adm Jakarta Selatan</option>
<option value="Kota Adm Jakarta Pusat" class="text-slate-800">Kota Adm Jakarta Pusat</option> <option value="Kota Adm Jakarta Utara">Kota Adm Jakarta Utara</option>
</select> <option value="Kota Adm Jakarta Pusat">Kota Adm Jakarta Pusat</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Kecamatan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Kecamatan
</label> <span class="text-red-500">*</span>
<select id="kecamatan" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Kecamatan</option> <select id="kecamatan" class="select" required>
<option value="Cipayung" class="text-slate-800">Cipayung</option> <option value="" disabled selected>Pilih Kecamatan</option>
<option value="Matraman" class="text-slate-800">Matraman</option> <option value="Cipayung">Cipayung</option>
<option value="Kramat Jati" class="text-slate-800">Kramat Jati</option> <option value="Matraman">Matraman</option>
<option value="Pulogadung" class="text-slate-800">Pulogadung</option> <option value="Kramat Jati">Kramat Jati</option>
<option value="Cakung" class="text-slate-800">Cakung</option> <option value="Pulogadung">Pulogadung</option>
<option value="Jatinegara" class="text-slate-800">Jatinegara</option> <option value="Cakung">Cakung</option>
<option value="Pasar Rebo" class="text-slate-800">Pasar Rebo</option> <option value="Jatinegara">Jatinegara</option>
<option value="Makasar" class="text-slate-800">Makasar</option> <option value="Pasar Rebo">Pasar Rebo</option>
<option value="Duren Sawit" class="text-slate-800">Duren Sawit</option> <option value="Makasar">Makasar</option>
<option value="Pulo Gadung" class="text-slate-800">Pulo Gadung</option> <option value="Duren Sawit">Duren Sawit</option>
</select> <option value="Pulo Gadung">Pulo Gadung</option>
</select>
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status Validasi <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status Validasi
</label> <span class="text-red-500">*</span>
<select id="status" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih status</option> <select id="status" class="select" required>
<option value="Disetujui" class="text-slate-800">Disetujui</option> <option value="" disabled selected>Pilih status</option>
<option value="Tidak Disetujui" class="text-slate-800">Tidak Disetujui</option> <option value="Disetujui">Disetujui</option>
</select> <option value="Tidak Disetujui">Tidak Disetujui</option>
</select>
</fieldset>
</div> </div>
</div> </div>

178
Views/Main/Maggot/Index.cshtml
View File

@ -23,118 +23,134 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Maggot</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Maggot</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1: Tanggal Pencatatan & Nama Bank Sampah --> <!-- Row 1: Tanggal Pencatatan & Nama Bank Sampah -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<!-- Tanggal Pencatatan --> <!-- Tanggal Pencatatan -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Tanggal Pencatatan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Tanggal Pencatatan
</label> <span class="text-red-500">*</span>
<input type="date" id="tgl_pencatatan" </legend>
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] focus:outline-2 focus:outline-green-800" <input type="date" id="tgl_pencatatan"
placeholder="dd/mm/yyyy" class="input"
required /> placeholder="dd/mm/yyyy"
required />
</fieldset>
</div> </div>
<!-- Nama Bank Sampah --> <!-- Nama Bank Sampah -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Bank Sampah
</label> <span class="text-red-500">*</span>
<select id="nama_bank_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Nama Bank Sampah</option> <select id="nama_bank_sampah" class="select" required>
<option value="Berkah Sampah" class="text-slate-800">Berkah Sampah</option> <option value="" disabled selected>Nama Bank Sampah</option>
<option value="Pelangi Persada" class="text-slate-800">Pelangi Persada</option> <option value="Berkah Sampah">Berkah Sampah</option>
<option value="Eco Makmur" class="text-slate-800">Eco Makmur</option> <option value="Pelangi Persada">Pelangi Persada</option>
<option value="Griya Daur Ulang" class="text-slate-800">Griya Daur Ulang</option> <option value="Eco Makmur">Eco Makmur</option>
<option value="Bank Sampah Induk" class="text-slate-800">Bank Sampah Induk</option> <option value="Griya Daur Ulang">Griya Daur Ulang</option>
<option value="Ceria Hijau" class="text-slate-800">Ceria Hijau</option> <option value="Bank Sampah Induk">Bank Sampah Induk</option>
</select> <option value="Ceria Hijau">Ceria Hijau</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2: Nama Penanggung Jawab & Jenis Sampah Organik --> <!-- Row 2: Nama Penanggung Jawab & Jenis Sampah Organik -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<!-- Nama Penanggung Jawab --> <!-- Nama Penanggung Jawab -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Penanggung Jawab <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Penanggung Jawab
</label> <span class="text-red-500">*</span>
<input type="text" id="nama_penanggung_jawab" </legend>
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" <input type="text" id="nama_penanggung_jawab"
placeholder="Nama Penanggung Jawab" class="input"
required /> placeholder="Nama Penanggung Jawab"
required />
</fieldset>
</div> </div>
<!-- Jenis Sampah Organik --> <!-- Jenis Sampah Organik -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jenis Sampah Organik <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jenis Sampah Organik
</label> <span class="text-red-500">*</span>
<select id="jenis_sampah_organik" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="jenis_sampah_organik" class="select" required>
<option value="Rumput" class="text-slate-800">Rumput</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Buah Busuk" class="text-slate-800">Buah Busuk</option> <option value="Rumput">Rumput</option>
<option value="Jerami" class="text-slate-800">Jerami</option> <option value="Buah Busuk">Buah Busuk</option>
<option value="Sayuran" class="text-slate-800">Sayuran</option> <option value="Jerami">Jerami</option>
<option value="Daun Kering" class="text-slate-800">Daun Kering</option> <option value="Sayuran">Sayuran</option>
<option value="Sisa Makanan" class="text-slate-800">Sisa Makanan</option> <option value="Daun Kering">Daun Kering</option>
</select> <option value="Sisa Makanan">Sisa Makanan</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 3: Jumlah Sampah Masuk & Jumlah Maggot --> <!-- Row 3: Jumlah Sampah Masuk & Jumlah Maggot -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<!-- Jumlah Sampah Masuk --> <!-- Jumlah Sampah Masuk -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jumlah Sampah Masuk (Kg) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jumlah Sampah Masuk (Kg)
</label> <span class="text-red-500">*</span>
<input type="number" id="jumlah_sampah_masuk" </legend>
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" <input type="number" id="jumlah_sampah_masuk"
placeholder="Jumlah Sampah Masuk (Kg)" class="input"
required /> placeholder="Jumlah Sampah Masuk (Kg)"
required />
</fieldset>
</div> </div>
<!-- Jumlah Maggot yang dihasilkan --> <!-- Jumlah Maggot yang dihasilkan -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Jumlah Maggot yang dihasilkan (Kg) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Jumlah Maggot yang dihasilkan (Kg)
</label> <span class="text-red-500">*</span>
<input type="number" id="jumlah_maggot_dihasilkan" </legend>
class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" <input type="number" id="jumlah_maggot_dihasilkan"
placeholder="Jumlah Maggot yang dihasilkan (Kg)" class="input"
required /> placeholder="Jumlah Maggot yang dihasilkan (Kg)"
required />
</fieldset>
</div> </div>
</div> </div>
<!-- Row 4: Status Validasi --> <!-- Row 4: Status Validasi -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Status Validasi <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Status Validasi
</label> <span class="text-red-500">*</span>
<select id="status_validasi" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih salah satu</option> <select id="status_validasi" class="select" required>
<option value="Disetujui" class="text-slate-800">Disetujui</option> <option value="" disabled selected>Pilih salah satu</option>
<option value="Belum Disetujui" class="text-slate-800">Belum Disetujui</option> <option value="Disetujui">Disetujui</option>
</select> <option value="Belum Disetujui">Belum Disetujui</option>
</select>
</fieldset>
</div> </div>
<!-- Row 5: Catatan --> <!-- Row 5: Catatan -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Catatan <legend class="fieldset-legend">
</label> Catatan
<textarea id="catatan" class="px-3.5 py-4 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 h-32 resize-none focus:outline-2 focus:outline-green-800" </legend>
placeholder="Catatan"></textarea> <textarea id="catatan" class="textarea h-32"
placeholder="Catatan"></textarea>
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

10
Views/Main/ProfilNasabah/Edit.cshtml
View File

@ -45,7 +45,7 @@
</div> </div>
<div class="divider"></div> <div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6"> <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-2">
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -66,7 +66,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6"> <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-2">
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -101,7 +101,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-6 md:space-x-6"> <div class="grid grid-cols-1 space-y-2 md:grid-cols-6 md:space-x-2">
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -131,7 +131,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6"> <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-2">
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -164,7 +164,7 @@
</div> </div>
</div> </div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6"> <div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-2">
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">

96
Views/Main/TransaksiNasabah/Index.cshtml
View File

@ -23,59 +23,67 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Transaksi</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Transaksi</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Row 1 --> <!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Tanggal Transaksi <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Tanggal Transaksi
</label> <span class="text-red-500">*</span>
<input type="date" id="tgl_transaksi" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] focus:outline-2 focus:outline-green-800" required /> </legend>
<input type="date" id="tgl_transaksi" class="input" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Bank Sampah
</label> <span class="text-red-500">*</span>
<select id="nama_bank_samoah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] text-slate-800 focus:outline-2 focus:outline-green-800" required> </legend>
<option value="" class="text-gray-400">Pilih Bank Sampah</option> <select id="nama_bank_samoah" class="select" required>
<option value="RW 09 Kalisari" class="text-slate-800">RW 09 Kalisari</option> <option value="" disabled selected>Pilih Bank Sampah</option>
<option value="Berkah Sampah" class="text-slate-800">Berkah Sampah</option> <option value="RW 09 Kalisari">RW 09 Kalisari</option>
<option value="Pelangi Persada" class="text-slate-800">Pelangi Persada</option> <option value="Berkah Sampah">Berkah Sampah</option>
<option value="Eco Makmur" class="text-slate-800">Eco Makmur</option> <option value="Pelangi Persada">Pelangi Persada</option>
<option value="Griya Daur Ulang" class="text-slate-800">Griya Daur Ulang</option> <option value="Eco Makmur">Eco Makmur</option>
<option value="Bank Sampah Induk" class="text-slate-800">Bank Sampah Induk</option> <option value="Griya Daur Ulang">Griya Daur Ulang</option>
<option value="Ceria Hijau" class="text-slate-800">Ceria Hijau</option> <option value="Bank Sampah Induk">Bank Sampah Induk</option>
<option value="Hijau Lestari" class="text-slate-800">Hijau Lestari</option> <option value="Ceria Hijau">Ceria Hijau</option>
<option value="Sahabat Bumi" class="text-slate-800">Sahabat Bumi</option> <option value="Hijau Lestari">Hijau Lestari</option>
<option value="Bersih Sejahtera" class="text-slate-800">Bersih Sejahtera</option> <option value="Sahabat Bumi">Sahabat Bumi</option>
<option value="Karya Mandiri" class="text-slate-800">Karya Mandiri</option> <option value="Bersih Sejahtera">Bersih Sejahtera</option>
<option value="Bumi Asri" class="text-slate-800">Bumi Asri</option> <option value="Karya Mandiri">Karya Mandiri</option>
<option value="Lestari Alam" class="text-slate-800">Lestari Alam</option> <option value="Bumi Asri">Bumi Asri</option>
<option value="Mandiri Sejahtera" class="text-slate-800">Mandiri Sejahtera</option> <option value="Lestari Alam">Lestari Alam</option>
<option value="Cahaya Bersih" class="text-slate-800">Cahaya Bersih</option> <option value="Mandiri Sejahtera">Mandiri Sejahtera</option>
</select> <option value="Cahaya Bersih">Cahaya Bersih</option>
</select>
</fieldset>
</div> </div>
</div> </div>
<!-- Row 2 --> <!-- Row 2 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nilai Transaksi (Rp) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nilai Transaksi (Rp)
</label> <span class="text-red-500">*</span>
<input type="text" id="nilai_transaksi" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="150,000" required /> </legend>
<input type="text" id="nilai_transaksi" class="input" placeholder="150,000" required />
</fieldset>
</div> </div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Total Sampah (Kg) <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Total Sampah (Kg)
</label> <span class="text-red-500">*</span>
<input type="number" id="total_sampah" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800" placeholder="67" required /> </legend>
<input type="number" id="total_sampah" class="input" placeholder="67" required />
</fieldset>
</div> </div>
</div> </div>

15
Views/Master/Aktivitas/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Aktivitas</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Aktivitas</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama Aktivitas --> <!-- Field Nama Aktivitas -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Aktivitas <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Aktivitas<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Aktivitas" required /> <input type="text" id="nama" class="input" placeholder="Nama Aktivitas" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/Artikel/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Artikel</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Artikel</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Artikel <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Artikel<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Artikel" required /> <input type="text" id="nama" class="input" placeholder="Nama Artikel" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/BadanHukum/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Badan Hukum</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Badan Hukum</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Badan Hukum <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Badan Hukum<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Badan Hukum" required /> <input type="text" id="nama" class="input" placeholder="Nama Badan Hukum" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/Fasilitas/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Fasilitas</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Fasilitas</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Fasilitas <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Fasilitas<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Fasilitas" required /> <input type="text" id="nama" class="input" placeholder="Nama Fasilitas" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/JenisBankSampah/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Bank Sampah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Bank Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Jenis Bank Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Jenis Bank Sampah<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Jenis Bank Sampah" required /> <input type="text" id="nama" class="input" placeholder="Nama Jenis Bank Sampah" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/JenisNasabah/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Nasabah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Nasabah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Jenis Nasabah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Jenis Nasabah<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Jenis Nasabah" required /> <input type="text" id="nama" class="input" placeholder="Nama Jenis Nasabah" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/JenisPengolahan/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Pengolahan</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Pengolahan</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Jenis Pengolahan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Jenis Pengolahan<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Jenis Pengolahan" required /> <input type="text" id="nama" class="input" placeholder="Nama Jenis Pengolahan" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/JenisSampah/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Sampah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Jenis Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Jenis Sampah<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Jenis Sampah" required /> <input type="text" id="nama" class="input" placeholder="Nama Jenis Sampah" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/Kategori/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Kategori <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Kategori<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Kategori" required /> <input type="text" id="nama" class="input" placeholder="Nama Kategori" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/KategoriFasilitas/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori Fasilitas</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori Fasilitas</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Kategori Fasilitas <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Kategori Fasilitas<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Kategori Fasilitas" required /> <input type="text" id="nama" class="input" placeholder="Nama Kategori Fasilitas" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/KategoriSampah/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori Sampah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Kategori Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Kategori Sampah<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Kategori Sampah" required /> <input type="text" id="nama" class="input" placeholder="Nama Kategori Sampah" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/Mitra/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Mitra</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Mitra</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Mitra <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Mitra<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Mitra" required /> <input type="text" id="nama" class="input" placeholder="Nama Mitra" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/StatusLahan/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Status Lahan</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Status Lahan</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Status Lahan <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Status Lahan<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Status Lahan" required /> <input type="text" id="nama" class="input" placeholder="Nama Status Lahan" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->

15
Views/Master/SubKategoriSampah/Index.cshtml
View File

@ -23,14 +23,15 @@
<h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Sub Kategori Sampah</h3> <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Sub Kategori Sampah</h3>
<form id="formTambah" onsubmit="submitForm(event)"> <form id="formTambah" onsubmit="submitForm(event)">
<input type="hidden" id="edit_mode" value="false"> <input type="hidden" id="edit_mode" value="false">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-2">
<!-- Field Nama --> <!-- Field Nama -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col">
<label class="text-slate-800 text-base font-normal font-['Plus_Jakarta_Sans'] leading-6"> <fieldset class="fieldset">
Nama Sub Kategori Sampah <legend class="fieldset-legend">
<span class="text-red-500 text-sm font-semibold">*</span> Nama Sub Kategori Sampah<span class="text-red-500">*</span>
</label> </legend>
<input type="text" id="nama" class="px-3.5 py-3 bg-white rounded-lg outline outline-1 outline-offset-[-1px] outline-gray-300 text-base font-['Plus_Jakarta_Sans'] placeholder:text-gray-400 focus:outline-2 focus:outline-green-800 w-full" placeholder="Nama Sub Kategori Sampah" required /> <input type="text" id="nama" class="input" placeholder="Nama Sub Kategori Sampah" required />
</fieldset>
</div> </div>
<!-- Buttons --> <!-- Buttons -->