style: add page profile for nasabah
parent
5a6451d00f
commit
6f7af4a056
|
|
@ -0,0 +1,18 @@
|
|||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace BankSampahApp.Areas.Nasabah.Controllers
|
||||
{
|
||||
[Area("Nasabah")]
|
||||
public class ProfilController : Controller
|
||||
{
|
||||
public IActionResult Index()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
public IActionResult Edit(int id)
|
||||
{
|
||||
return View();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,189 @@
|
|||
@{
|
||||
ViewData["Title"] = "Profil Bank Sampah";
|
||||
}
|
||||
|
||||
<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
|
||||
<div class="prose">
|
||||
<span class="text-xl font-semibold text-black">
|
||||
Profil Bank Sampah
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-6"></div>
|
||||
|
||||
<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
|
||||
<div class="flex w-full flex-col items-center gap-4 md:flex-row">
|
||||
<figure>
|
||||
<img src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
|
||||
alt="Shoes"
|
||||
width="80"
|
||||
height="80"
|
||||
class="h-20 w-20 rounded bg-contain bg-center object-cover" />
|
||||
</figure>
|
||||
<div class="flex flex-col items-center md:items-start">
|
||||
<h2 class="font-semibold">Jakarta Timur</h2>
|
||||
<p>Bank Sampah Induk</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge badge-soft badge-success">
|
||||
Status Aktif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-6"></div>
|
||||
|
||||
<div class="card bg-white">
|
||||
<div class="card-body">
|
||||
<div class="flex flex-row items-center justify-between">
|
||||
<h2 class="card-title">
|
||||
Informasi Biodata
|
||||
</h2>
|
||||
</div>
|
||||
<form action="#" method="post">
|
||||
<div class="divider"></div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Nama Nasabah
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="text" class="input" placeholder="Nama Nasabah" value="Ikhdan Nizar Maulana" />
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
NIK
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="text" class="input" placeholder="NIK" value="1234567890123456" />
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Email
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="email" class="input" placeholder="Email" value="banksampahjaktim@gmail.com" />
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
No. HP
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="text" class="input" placeholder="No. HP" value="089556728383" />
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Provinsi
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled>Pilih Provinsi</option>
|
||||
<option value="DKI Jakarta" selected>DKI Jakarta</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kota
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled>Pilih Kota</option>
|
||||
<option value="Kota Adm. Jakarta Timur" selected>Kota Adm. Jakarta Timur</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kecamatan
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled>Pilih Kecamatan</option>
|
||||
<option value="Pasarejo" selected>Pasarejo</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Keluaran
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled>Pilih Keluaran</option>
|
||||
<option value="Pasarejo" selected>Pasar Minggu</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2">
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Alamat
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<textarea class="textarea h-24 w-full" placeholder="Alamat">Jalan Raya Pasar Minggu No. 45 Jakarta Timur, DKI Jakarta</textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-6 md:space-x-6">
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
RT
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" class="input" placeholder="RT" value="02" />
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
RW
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" class="input" placeholder="RW" value="02" />
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kode Pos
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" class="input" placeholder="Kode Pos" value="61374" />
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="card-actions">
|
||||
<a asp-controller="Profil" asp-area="Nasabah" asp-action="Index" class="btn w-30 rounded-full bg-white">
|
||||
Batal
|
||||
</a>
|
||||
<a href="#" class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">
|
||||
Simpan
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,119 @@
|
|||
@{
|
||||
ViewData["Title"] = "Profil Bank Sampah";
|
||||
}
|
||||
|
||||
<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
|
||||
<div class="prose">
|
||||
<span class="text-xl font-semibold text-black">
|
||||
Profil Bank Sampah
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-6"></div>
|
||||
|
||||
<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
|
||||
<div class="flex w-full flex-col items-center gap-4 md:flex-row">
|
||||
<figure>
|
||||
<img src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
|
||||
alt="Shoes"
|
||||
width="80"
|
||||
height="80"
|
||||
class="h-20 w-20 rounded bg-contain bg-center object-cover" />
|
||||
</figure>
|
||||
<div class="flex flex-col items-center md:items-start">
|
||||
<h2 class="font-semibold">Ikhdan Nizar Maulana</h2>
|
||||
<p>Nasabah</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge badge-soft badge-success">
|
||||
Status Aktif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="h-6"></div>
|
||||
|
||||
<div class="card bg-white">
|
||||
<div class="card-body">
|
||||
<div class="flex flex-row items-center justify-between">
|
||||
<h2 class="card-title">
|
||||
Informasi Biodata
|
||||
</h2>
|
||||
<a asp-area="Nasabah" asp-controller="Profil" asp-action="Edit" asp-route-id="1" class="btn btn-sm rounded-full bg-white">
|
||||
<i class="ph ph-note-pencil me-2"></i>
|
||||
Edit Biodata
|
||||
</a>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Nama Nasabah</span>
|
||||
<span class="text-sm">Ikhdan Nizar Maulana</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">NIK</span>
|
||||
<span class="text-sm">1234567890123456</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Email</span>
|
||||
<span class="text-sm">ikhdan@gmail.com</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">No. HP</span>
|
||||
<span class="text-sm">089556728383</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Nama Bank</span>
|
||||
<span class="text-sm">Mandiri</span>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">No. Rekening</span>
|
||||
<span class="text-sm">781274822</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Provinsi</span>
|
||||
<span class="text-sm">DKI Jakarta</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Kota</span>
|
||||
<span class="text-sm">Kota Adm Jakarta Timur</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Kecamatan</span>
|
||||
<span class="text-sm">Pasarejo</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Kelurahan</span>
|
||||
<span class="text-sm">Pasar Minggu</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Alamat</span>
|
||||
<span class="text-sm">Jalan Raya Pasar Minggu No. 45 Jakarta Timur, DKI Jakarta</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">RT</span>
|
||||
<span class="text-sm">02</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">RW</span>
|
||||
<span class="text-sm">02</span>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<span class="text-xs text-gray-500">Kode Pos</span>
|
||||
<span class="text-sm">61374</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue