feat: create a profile page
parent
c4d85214ac
commit
a89417e7e4
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Loading…
Reference in New Issue