{% extends 'install/base.html.twig' %}
{% block heading %}Dein Zugang{% endblock %}
{% block lead %}
<p class="muted">Das erste Konto ist ein Administratorkonto: es darf alles, auch weitere Konten anlegen. Mit ihm endet die Installation – danach antwortet <code>/install</code> nicht mehr.</p>
{% endblock %}
{% block content %}
<form method="post" action="{{ path('install_account') }}">
    <input type="hidden" name="issued" value="{{ issued }}">
    <input type="hidden" name="signature" value="{{ signature }}">

    <label for="username">Benutzername</label>
    <input id="username" name="username" value="{{ username }}" required maxlength="100" autocomplete="username" autofocus>
    <p class="muted">3–100 Zeichen: Kleinbuchstaben, Ziffern, Punkt, Unterstrich, Bindestrich.</p>

    <label for="password">Passwort</label>
    <input id="password" name="password" type="password" required minlength="14" maxlength="72" autocomplete="new-password">
    <label for="repeat">Passwort wiederholen</label>
    <input id="repeat" name="repeat" type="password" required minlength="14" maxlength="72" autocomplete="new-password">
    <p class="muted">Mindestens 14 Zeichen. Länge hilft mehr als Sonderzeichen – drei, vier zufällige Wörter sind ein gutes Passwort. Es wird nirgends angezeigt und lässt sich nicht wiederherstellen, nur ersetzen.</p>

    <div class="sheet-actions">
        <button class="primary" type="submit">Konto anlegen und fertigstellen <span aria-hidden="true">→</span></button>
    </div>
</form>
{% endblock %}