{% extends "base.html" %}

{% block content %}
  <div class="auth-shell">
      <h1 class="page-title">Reset password</h1>

      {% if token_error %}
        <div class="alert alert-danger">{{ token_error }}</div>
        <a class="btn btn-outline-ink" href="{{ url_for('auth.forgot_password') }}">Request a new reset link</a>
      {% else %}
        <form method="post" class="card auth-card card-body">
          <div class="mb-3">
            <label class="form-label">New password</label>
            <input class="form-control" type="password" name="new_password" autocomplete="new-password" minlength="8" required />
            <div class="form-text">Minimum 8 characters.</div>
          </div>
          <div class="mb-3">
            <label class="form-label">Confirm new password</label>
            <input class="form-control" type="password" name="confirm_password" autocomplete="new-password" minlength="8" required />
          </div>
          <button class="btn btn-brand w-100 py-2" type="submit">Set new password</button>
        </form>
      {% endif %}
  </div>
{% endblock %}