41 lines
No EOL
1.6 KiB
Text
41 lines
No EOL
1.6 KiB
Text
<form class="flex flex-col gap-6" hx-post="/htmx/profile/data/edit" hx-target="#profile-data-section">
|
|
<div class="flex w-full">
|
|
<span class="text-2xl font-bold">
|
|
edit Personal Data
|
|
</span>
|
|
</div>
|
|
<div class="flex flex-col gap-3">
|
|
<div class="flex flex-row align-center gap-4">
|
|
<div class="flex flex-col w-1/2 gap-3">
|
|
<label for="firstName" class="w-full text-sm font-medium">
|
|
First Name
|
|
</label>
|
|
<input type="text" name="firstName" class="" placeholder="John" value="{{ data.firstName }}">
|
|
</div>
|
|
<div class="flex flex-col w-1/2 gap-3">
|
|
<label for="lastName" class="w-full text-sm font-medium">
|
|
Last Name
|
|
</label>
|
|
<input type="text" name="lastName" class="" placeholder="Doe" value="{{ data.lastName }}">
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col gap-3">
|
|
<label for="mail" class="w-full text-sm font-medium">
|
|
Mail Address
|
|
</label>
|
|
<input type="text" name="mail" class="" placeholder="john@doe.com" value="{{ data.mail }}">
|
|
</div>
|
|
</div>
|
|
<div class="flex w-full justify-end gap-4">
|
|
<a href="#" class="button-sm"
|
|
hx-get="/htmx/profile/data/show"
|
|
hx-target="#profile-data-section">
|
|
<i class="ti ti-arrow-left"></i>
|
|
Back
|
|
</a>
|
|
<button type="button" class="button-sm primary-fill">
|
|
<i class="ti ti-device-floppy"></i>
|
|
Save Changes
|
|
</button>
|
|
</div>
|
|
</form> |