feat: create a profile page

main-dlh
Regiaaaaaa 2025-11-17 15:49:20 +07:00
parent c4d85214ac
commit a89417e7e4
2 changed files with 102 additions and 1 deletions

View File

@ -26,7 +26,9 @@
<!-- Tabs --> <!-- Tabs -->
<div class="tabs tabs-lift"> <div class="tabs tabs-lift">
<input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="Profil" /> <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="Profil" />
<div class="tab-content bg-base-100 border-base-300 p-0"></div> <div class="tab-content bg-base-100 border-base-300 p-0">
@await Html.PartialAsync("_TabIndexProfil")
</div>
<input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="BPS-RW" /> <input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="BPS-RW" />
<div class="tab-content bg-base-100 border-base-300 p-0"></div> <div class="tab-content bg-base-100 border-base-300 p-0"></div>

View File

@ -0,0 +1,99 @@
<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" placeholder="Masukkan nama ketua RW" 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" placeholder="0" 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" placeholder="0" class="input input-bordered w-full bg-white">
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend font-medium text-gray-700">Jumlah Jiwa</legend>
<input type="number" placeholder="0" class="input input-bordered w-full bg-white">
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend font-medium text-gray-700">Kota /Kabupaten</legend>
<input type="text" placeholder="Masukkan kota/kabupaten" class="input input-bordered w-full bg-white">
</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" placeholder="Masukkan nomor handphone" 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" placeholder="0" class="input input-bordered w-full bg-white">
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend font-medium text-gray-700">Luas RW (m²)</legend>
<input type="number" placeholder="0" 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" placeholder="0" class="input input-bordered w-full bg-white">
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend font-medium text-gray-700">Kecamatan</legend>
<input type="text" placeholder="Masukkan kecamatan" class="input input-bordered w-full bg-white">
</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" placeholder="Masukkan kelurahan" class="input input-bordered w-full bg-white">
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend font-medium text-gray-700">RW</legend>
<input type="text" placeholder="Masukkan RW" class="input input-bordered w-full bg-white">
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend font-medium text-gray-700">No. SK RW</legend>
<input type="text" placeholder="Masukkan No. SK RW" 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-success rounded-full px-10">
Lihat SK
</button>
</div>
<!-- Submit Button -->
<div class="flex justify-end mt-10">
<button type="submit" class="btn btn-primary text-white rounded-full px-16">
Simpan
</button>
</div>
</form>
</div>