{{define "page-content"}}
<h2>Profil bearbeiten</h2>

<form>
    <div class="grid grid-cols-3 gap-4">
        <div>
            <label for="username">Benutzername</label>
            <input class="w-full" name="username" type="text" value="{{.UserName}}" />
        </div>

        <div>
            <label for="first-name">Vorname</label>
            <input class="w-full" name="first-name" type="text" value="{{.FirstName}}" />
        </div>

        <div>
            <label for="last-name">Nachname</label>
            <input class="w-full" name="last-name" type="text" value="{{.LastName}}" />
        </div>

        <div>
            <label for="old-password">Altes Passwort</label>
            <input class="w-full" name="old-password" placeholder="***" type="password" />
        </div>

        <div>
            <label for="password">Passwort</label>
            <input class="w-full" name="password" placeholder="***" type="password" />
        </div>

        <div>
            <label for="password2">Passwort wiederholen</label>
            <input class="w-full" name="password2" placeholder="***" type="password" />
        </div>
    </div>

    <div class="btn-area">
        <input class="action-btn" type="submit" value="Aktualisieren" hx-post="/update-self"
            hx-target="#page-content" />
        <button class="btn" hx-get="/hub" hx-target="#page-content">Abbrechen</button>
    </div>
</form>
{{end}}