bps-rw/Views/Lokasi/_ModalTambah.cshtml

96 lines
3.7 KiB
Plaintext

<dialog id="modal_add_lokasi" class="modal">
<div class="modal-box w-full max-w-md rounded-2xl shadow-lg relative">
<!-- Close Button -->
<label onclick="modal_add_lokasi.close()"
class="btn btn-sm btn-circle btn-ghost absolute right-3 top-3">
</label>
<!-- Header -->
<h3 class="text-lg font-semibold mb-5 text-gray-800">Tambah Lokasi</h3>
<!-- Form -->
<form id="formTambahLokasi" class="space-y-4">
<!-- Jenis Usulan -->
<div>
<label class="label font-semibold text-sm text-gray-700">Jenis Usulan</label>
<select class="select select-bordered w-full" name="jenisUsulan" required>
<option value="">Pilih jenis usulan</option>
<option value="TP3SR">TP3SR</option>
<option value="Parkir Pengumpulan">Parkir Pengumpulan</option>
</select>
</div>
<!-- Alamat -->
<div>
<label class="label font-semibold text-sm text-gray-700">Alamat</label>
<input
type="text"
class="input input-bordered w-full"
name="alamat"
placeholder="Masukkan alamat"
required
/>
</div>
<!-- Nama Pemilik -->
<div>
<label class="label font-semibold text-sm text-gray-700">Nama Pemilik Lahan</label>
<input
type="text"
class="input input-bordered w-full"
name="pemilikLahan"
placeholder="Masukkan nama pemilik"
required
/>
</div>
<!-- Status & Luas Lahan -->
<div class="grid grid-cols-2 gap-3">
<div>
<label class="label font-semibold text-sm text-gray-700">Status Lahan</label>
<select class="select select-bordered w-full" name="statusLahan" required>
<option value="">Pilih status lahan</option>
<option value="Milik Pemda">Milik Pemda</option>
<option value="Milik Warga">Milik Warga</option>
<option value="Sewa">Sewa</option>
</select>
</div>
<div>
<label class="label font-semibold text-sm text-gray-700">Luas Lahan</label>
<input
type="number"
class="input input-bordered w-full"
name="luasLahan"
placeholder="Masukkan luas lahan"
required
/>
</div>
</div>
<!-- Keterangan -->
<div>
<label class="label font-semibold text-sm text-gray-700">Keterangan</label>
<textarea
class="textarea textarea-bordered w-full"
name="keterangan"
placeholder="Keterangan"
rows="3"
></textarea>
</div>
<!-- Action Button -->
<div class="modal-action mt-6 flex justify-end gap-3">
<button onclick="modal_add_lokasi.close()" type="button"
class="btn btn-outline btn-sm flex items-center gap-2">
✕ Batalkan
</button>
<button type="submit"
class="btn btn-success btn-sm text-white flex items-center gap-2">
✓ Simpan
</button>
</div>
</form>
</div>
</dialog>