{{define "page-content"}}
<h2>Erster Benutzer (Administrator)</h2>

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

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

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

        <div>
            <label for="first-name">Vorname</label>
            <input class="w-full" required name="first-name" type="text" />
        </div>

        <div>
            <label for="last-name">Nachname</label>
            <input class="w-full" required name="last-name" type="text" />
        </div>

        <div>
            <label for="email">Emailadresse</label>
            <input class="w-full" required name="email" type="text" />
        </div>

        <div>
            <label for="email2">Emailadresse wiederholen</label>
            <input class="w-full" required name="email2" type="text" />
        </div>
    </div>

    <div class="btn-area-1">
        <input class="action-btn" type="submit" value="Anlegen" hx-post="/user/add-first" hx-target="#page-content" />
    </div>
</form>
{{end}}