{% extends "base.html" %}
{% block title %}Choose a new password{% endblock %}
{% block content %}
<section class="card form auth-box">
  <h1>Choose a new password</h1>
  {% if valid %}
    {% if error %}<div class="alert error" role="alert">{{ error }}</div>{% endif %}
    <form method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="field">
        <label for="password">New password</label>
        <input id="password" name="password" type="password" minlength="8" autocomplete="new-password" required>
      </div>
      <div class="field">
        <label for="confirm_password">Confirm new password</label>
        <input id="confirm_password" name="confirm_password" type="password" minlength="8" autocomplete="new-password" required>
      </div>
      <button class="btn" type="submit">Reset password</button>
    </form>
  {% else %}
    <p class="alert error" role="alert">This reset link is invalid, expired, or already used. Request a new link and try again.</p>
    <a class="btn" href="{{ url_for('forgot_account_password') }}">Request a new link</a>
  {% endif %}
</section>
{% endblock %}