{% extends "base.html" %}
{% block title %}Personalisierung — 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 %}
    <p>Mit einem Aktivierungscode von der Verwaltung deiner Einrichtung bekommst du auf diesem Gerät ein eigenes Konto mit Passwort.</p>
    <form method="post" action="/personalisierung">
        <input type="hidden" name="kiosk" value="{{ 1 if kiosk else 0 }}">
        <label for="code">Aktivierungscode</label>
        <input type="text" id="code" name="code" required autofocus autocomplete="off"
               autocapitalize="characters" spellcheck="false" placeholder="XXXX-XXXX-XXXX" maxlength="20">
        <button type="submit">Weiter</button>
    </form>
    {% include "_personalisierung_abmelden.html" %}
</article>
{% endblock %}