{% extends "base.html" %}
{% block title %}Erster Start | Nouri{% endblock %}
{% block content %}
<section class="auth-shell">
    <div class="auth-card">
        <p class="eyebrow">Erster Start</p>
        <h1>Den ersten Haushalt-Zugang anlegen</h1>
        <p class="lead">Danach könnt ihr Nouri gemeinsam nutzen. Persönliche und gemeinsame Einträge lassen sich später ruhig auseinanderhalten.</p>

        <form method="post" class="stack-form">
            {{ csrf_input() }}
            <label>
                Haushaltsname
                <input type="text" name="household_name" autocomplete="organization" placeholder="z. B. Zuhause">
            </label>
            <label>
                Benutzername
                <input type="text" name="username" autocomplete="username" required>
            </label>
            <label>
                E-Mail
                <input type="email" name="email" autocomplete="email" placeholder="Optional">
            </label>
            <label>
                Anzeigename
                <input type="text" name="display_name" autocomplete="name" placeholder="z. B. Heinz">
            </label>
            <label>
                Passwort
                <input type="password" name="password" autocomplete="new-password" required>
            </label>
            <label>
                Passwort wiederholen
                <input type="password" name="password_repeat" autocomplete="new-password" required>
            </label>
            <button type="submit">Zugang anlegen</button>
        </form>
    </div>
</section>
{% endblock %}