{% extends "base.html" %}
{% from "ui/card.html" import card %}
{% from "ui/button.html" import button %}
{% from "ui/form_field.html" import input_field %}
{% from "ui/page_header.html" import page_header %}
{% block title %}Anmeldung{% endblock %}
{% block content %}
  {{ page_header("Anmeldung") }}
  {% call card('auth-card') %}
    <form action="/login" method="post" class="stack">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
      {{ input_field('E-Mail', 'email', type='email', required=true, autocomplete='username') }}
      {{ input_field('Passwort', 'password', type='password', required=true, autocomplete='current-password') }}
      {{ button('Einloggen', type='submit') }}
    </form>
    <div class="auth-links">
      <p>
        <a href="/verify-email/resend">Bestätigungslink erneut senden</a>
      </p>
      <p>
        <a href="/password-reset/request">Passwort vergessen?</a>
      </p>
      <p>
        Noch kein Konto? <a href="/register">Jetzt registrieren</a>
      </p>
    </div>
  {% endcall %}
{% endblock %}