{% extends "base.html" %}
{% block title %}Password recovery | {{ app_name }}{% endblock %}
{% block body %}
<div class="auth">
  <p class="brand-row"><a class="brand" href="/"><span class="brand-mark" aria-hidden="true"></span>{{ app_name }}</a></p>
  <div class="panel">
    {% if mode == "request" %}
      <h1>Reset your password</h1>
      <p class="muted">Enter your account email. We will send a link if the account exists.</p>
      {% if message %}<div class="notice error" role="alert">{{ message }}</div>{% endif %}
      <form method="post" action="/forgot-password">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <div class="field"><label for="email">Email</label><input id="email" name="email" type="email" required autocomplete="email"></div>
        <button class="btn" type="submit">Send reset link</button>
      </form>
    {% elif mode == "sent" %}
      <h1>Check your email</h1>
      <p>If the account exists, a reset link is on its way. It expires in 30 minutes.</p>
    {% elif mode == "reset" %}
      <h1>Choose a new password</h1>
      {% if message %}<div class="notice error" role="alert">{{ message }}</div>{% endif %}
      {% if token %}
      <form method="post" action="/reset-password">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <input type="hidden" name="token" value="{{ token }}">
        <div class="field"><label for="password">New password</label><input id="password" name="password" type="password" minlength="10" required autocomplete="new-password"></div>
        <button class="btn" type="submit">Reset password</button>
      </form>
      {% else %}<p><a href="/forgot-password">Request another reset link</a></p>{% endif %}
    {% else %}
      <h1>Password updated</h1>
      <p>Your other sessions have been signed out. <a href="/login">Log in with the new password</a>.</p>
    {% endif %}
  </div>
</div>
{% endblock %}