40 lines
2.2 KiB
HTML
40 lines
2.2 KiB
HTML
|
<div>
|
||
|
|
<h1>Hund <?= $dogid?'Bearbeiten':'Hinzufügen'; ?></h1>
|
||
|
|
|
||
|
|
<form id="dogeditform" hx-post="/dogs/edit" hx-encoding='multipart/form-data' hx-target="#response">
|
||
|
|
<input type="hidden" name="dog_id" value="<?= $dogid; ?>">
|
||
|
|
<div class="mb-3 mb-md-4">
|
||
|
|
<label for="name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Name</label>
|
||
|
|
<input type="text" value="<?= $user['name']; ?>" id="name" name="name" class="form-control" placeholder="Max" required>
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 mb-md-4">
|
||
|
|
<label for="surname" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Nachname</label>
|
||
|
|
<input type="text" value="<?= $user['surname']; ?>" id="surname" name="surname" class="form-control" placeholder="Mustermann">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 mb-md-4">
|
||
|
|
<label for="user_birthday" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Geburtstag</label>
|
||
|
|
<input type="date" value="<?= $user['birthday']; ?>" id="user_birthday" name="user_birthday" class="form-control" placeholder="" required>
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 mb-md-4">
|
||
|
|
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">E-Mail</label>
|
||
|
|
<input type="text" value="<?= $user['email']; ?>" id="email" name="email" class="form-control" placeholder="max@max.com">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 mb-md-4">
|
||
|
|
<label for="club" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Verein</label>
|
||
|
|
<input type="number" value="<?= $user['club']; ?>" id="club" name="club" class="form-control" placeholder="Vereinsname">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 mb-md-4">
|
||
|
|
<label for="photo" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Photo</label>
|
||
|
|
<input type="file" accept="image/png, image/jpeg, image/gif" id="photo" name="photo">
|
||
|
|
</div>
|
||
|
|
<button type="submit" name="submit" value="true" class="btn btn-primary">Speichern</button>
|
||
|
|
</form>
|
||
|
|
<progress id='progress' value='0' max='100'></progress>
|
||
|
|
<div id="response"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
htmx.on('#dogeditform', 'htmx:xhr:progress', function(evt) {
|
||
|
|
htmx.find('#progress').setAttribute('value', evt.detail.loaded/evt.detail.total * 100)
|
||
|
|
});
|
||
|
|
</script>
|