{% extends "tesm_core/standalone.html" %}
{# Die Ueberschrift bleibt fuer die Titelzeile des Browsers -- sichtbar ist sie
   hier nicht: der leere ``brand``-Block laesst Kachel, Ueberschrift und
   Unterzeile weg. Die Wortmarke darueber sagt schon, wo man ist. #}
{% block heading %}Anmelden{% endblock %}
{% block brand %}{% endblock %}

{% block content %}
<form method="post" class="stack" data-no-guard autocomplete="on">
  <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
  <label class="field">
    <span class="field__label">Benutzername</span>
    <input class="input" type="text" name="username" value="{{ username }}" required autofocus
           autocomplete="username" autocapitalize="none" spellcheck="false">
  </label>
  <label class="field">
    <span class="field__label">Passwort</span>
    <input class="input" type="password" name="password" required autocomplete="current-password">
  </label>
  <button class="btn btn--primary btn--lg btn--block" type="submit" data-busy-label="Anmelden ...">
    Anmelden
  </button>
</form>
{% if directory_enabled %}
  <p class="fs-xs faint center">
    Verzeichniskonten melden sich mit ihrem gewohnten Anmeldenamen und Netzwerkpasswort an.
  </p>
{% endif %}
{% if public_dashboard_url %}
  <p class="center fs-sm"><a href="{{ public_dashboard_url }}">Zur öffentlichen Statusübersicht</a></p>
{% endif %}
{% endblock %}