130 lines
6.0 KiB
Plaintext
130 lines
6.0 KiB
Plaintext
<div class="p-8">
|
|
<form class="w-full">
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
<!-- Left Column -->
|
|
<div class="space-y-5">
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Nama Ketua RW</legend>
|
|
<input type="text" value="Jojon Suharjo" class="input input-bordered w-full bg-white">
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Jumlah KK</legend>
|
|
<input type="number" value="450" class="input input-bordered w-full bg-white">
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Jumlah RT</legend>
|
|
<input type="number" value="10" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Jumlah Jiwa</legend>
|
|
<input type="number" value="1600" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Kota /Kabupaten</legend>
|
|
<input type="text" value="Jakarta Selatan" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<!-- Right Column -->
|
|
<div class="space-y-5">
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Nomor Handphone Ketua RW</legend>
|
|
<input type="tel" value="081234567890" class="input input-bordered w-full bg-white">
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Jumlah Rumah</legend>
|
|
<input type="number" value="450" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Luas RW (m²)</legend>
|
|
<input type="number" value="230" class="input input-bordered w-full bg-white">
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Timbulan Sampah per Hari (kg)</legend>
|
|
<input type="number" value="270" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Kecamatan</legend>
|
|
<input type="text" value="Jagakarsa" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bottom Row -->
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-8">
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Kelurahan</legend>
|
|
<input type="text" value="005" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">RW</legend>
|
|
<input type="text" value="Cipedak" class="input input-bordered w-full bg-gray-100 cursor-not-allowed" readonly>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">No. SK RW</legend>
|
|
<input type="text" value="98765/RW.05" class="input input-bordered w-full bg-white">
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend font-medium text-gray-700">Upload File</legend>
|
|
<input type="file" accept=".pdf" class="file-input file-input-bordered w-full bg-white">
|
|
<p class="label text-xs text-gray-500 mt-1">PDF Maksimal 10MB</p>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<!-- View SK Button -->
|
|
<div class="mt-5">
|
|
<button type="button" class="btn btn-outline btn-primary rounded-full px-10">
|
|
Lihat SK
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<div class="flex justify-end mt-10">
|
|
<button id="btnSimpanProfil" type="submit" class="btn btn-primary text-white rounded-full px-16">
|
|
Simpan
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$('#btnSimpanProfil').on('click', function (e) {
|
|
e.preventDefault();
|
|
Swal.fire({
|
|
title: 'Simpan Profil RW?',
|
|
text: "Pastikan semua data sudah benar.",
|
|
icon: 'question',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#22c55e',
|
|
cancelButtonColor: '#6b7280',
|
|
confirmButtonText: 'Simpan',
|
|
cancelButtonText: 'Batal'
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
Swal.fire({
|
|
title: 'Berhasil!',
|
|
text: 'Profil RW berhasil disimpan.',
|
|
icon: 'success',
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#22c55e'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script> |