{% extends "base.html" %}

{% block title %}Forgot Password — Friday Budgeting Pro{% endblock %}

{% block content %}
<div class="card card-narrow">
  <h1>Forgot your password?</h1>

  {% if sent %}
  <div class="alert alert-success">
    Recovery token written to <code>~/.friday-bp/recovery.txt</code>.
    Run <code>cat ~/.friday-bp/recovery.txt</code> in a terminal, then paste it below.
  </div>

  <form method="post" action="/reset">
    <label for="token">Recovery token</label>
    <input id="token" name="token" type="text" required autofocus
           placeholder="Paste the token from recovery.txt" />

    <label for="new_password">New password</label>
    <input id="new_password" name="new_password" type="password" required minlength="8"
           autocomplete="new-password" placeholder="At least 8 characters" />

    <button type="submit" class="btn-primary">Reset password</button>
  </form>
  {% else %}

  {% if error %}
  <div class="alert alert-error">{{ error }}</div>
  {% endif %}

  <p>Enter your username and Friday will write a one-time recovery token to
     <code>~/.friday-bp/recovery.txt</code> (readable only by you).</p>

  <form method="post" action="/forgot">
    <label for="username">Username</label>
    <input id="username" name="username" type="text" required autofocus
           autocomplete="username" placeholder="Your profile username" />

    <button type="submit" class="btn-primary">Send recovery token</button>
  </form>
  {% endif %}

  <p class="hint"><a href="/login">Back to login</a></p>
</div>
{% endblock %}