{% 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 %}Neues Passwort setzen{% endblock %}
{% block content %}
  {{ page_header("Neues Passwort setzen") }}
  {% call card('auth-card') %}
    {% if token %}
      <form action="/password-reset/confirm" method="post" class="stack">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
        <input type="hidden" name="token" value="{{ token }}" />
        {{ input_field('Neues Passwort (mindestens 10 Zeichen)', 'new_password', type='password', required=true, autocomplete='new-password', attrs='minlength="10"') }}
        {{ input_field('Neues Passwort wiederholen', 'new_password_repeat', type='password', required=true, autocomplete='new-password', attrs='minlength="10"') }}
        {{ button('Passwort speichern', type='submit') }}
      </form>
    {% endif %}
    <p>
      <a href="/login">Zur Anmeldung</a>
    </p>
  {% endcall %}
{% endblock %}