{% 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 %}Passwort zurücksetzen{% endblock %}
{% block content %}
  {{ page_header('Passwort zurücksetzen', 'Gib deine E-Mail ein. Du erhältst einen Link zum Setzen eines neuen Passworts.') }}
  {% call card('auth-card') %}
    <form action="/password-reset/request" method="post" class="stack">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
      {{ input_field('E-Mail', 'email', type='email', required=true, autocomplete='username') }}
      {{ button('Reset-Link senden', type='submit') }}
    </form>
    <p>
      <a href="/login">Zur Anmeldung</a>
    </p>
  {% endcall %}
{% endblock %}