{% extends "base.html" %}
{% block title %}Anmelden · FireDB Medienportal{% endblock %}
{% block content %}
<section class="auth-card">
  <a class="backlink" href="{{ request.scope.get('root_path', '') }}/">← Zurück</a>
  <div class="entry-logo"><span class="brand-mark brand-mark-large">F</span></div>
  <p class="eyebrow">Geschützter Zugang</p>
  <h1>Anmelden</h1>
  <p class="lead compact">Ein gemeinsamer Zugang für Presse, Pressestelle und Administration. Ihre Ansicht wird automatisch anhand Ihrer Rolle geladen.</p>
  {% if password_changed %}<div class="alert alert-success"><strong>Passwort geändert.</strong><br>Bitte melden Sie sich mit dem neuen Passwort an.</div>{% endif %}
  {% if error %}<div class="alert alert-error" role="alert">{{ error }}</div>{% endif %}
  <form class="form-stack" method="post" action="{{ request.scope.get('root_path', '') }}/login">
    <label>E-Mail-Adresse<input name="email" type="email" autocomplete="username" required autofocus></label>
    <label>Passwort<input name="password" type="password" autocomplete="current-password" minlength="12" required></label>
    <label>Authenticator-Code <span class="optional">bei MFA</span><input name="totp" type="text" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" placeholder="000000"></label>
    <button class="button button-primary button-block" type="submit">Sicher anmelden</button>
  </form>
  <p class="form-help">Noch kein Zugang? <a href="{{ request.scope.get('root_path', '') }}/register">Pressezugang oder Zugang zum Pressesprecher-Team beantragen</a>.</p>
</section>
{% endblock %}