{% extends "base.html" %}
{% block title %}Persönliches Konto — Tuxflotte{% endblock %}
{% block content %}
<article style="max-width: 30rem; margin: 3rem auto;">
    <h2>Persönliches Konto einrichten</h2>
    {% if fehler %}<p><mark>{{ fehler }}</mark></p>{% endif %}
    {% if pruefung %}
    <p>{{ pruefung.organisation }}{% if pruefung.hostname %}, Gerät <strong>{{ pruefung.hostname }}</strong>{% endif %}</p>
    <form method="post" action="/personalisierung/einladung">
        <input type="hidden" name="token" value="{{ token }}">

        <label for="anmeldename">Anmeldename</label>
        <input type="text" id="anmeldename" name="anmeldename" required autocomplete="off" spellcheck="false"
               autocapitalize="none" pattern="[a-z][a-z0-9._\-]{1,30}" maxlength="31" value="{{ werte.anmeldename or '' }}">
        <small>Damit meldest du dich am Gerät an. Kleinbuchstaben, Ziffern, Punkt, Binde- und Unterstrich; beginnt mit einem Buchstaben.</small>

        <label for="passwort">Passwort</label>
        <input type="password" id="passwort" name="passwort" required minlength="8" maxlength="128" autocomplete="new-password" autofocus>
        <small>Mindestens 8 Zeichen.</small>
        <label for="passwort_wiederholung">Passwort (Wiederholung)</label>
        <input type="password" id="passwort_wiederholung" name="passwort_wiederholung" required minlength="8" maxlength="128" autocomplete="new-password">

        <button type="submit">Konto einrichten</button>
    </form>
    <p><small>Die Verwaltung deiner Einrichtung sieht, wer dieses Gerät personalisiert hat.</small></p>
    {% endif %}
</article>
{% endblock %}