{% extends 'base_auth.html' %}

{% block title %}Forgot Password{% endblock %}

{% block content %}
<section class="surface-card p-4 p-lg-5 skeleton-on-load">
  <div class="mb-4 text-center">
    <h1 class="h4 fw-bold mb-1">Forgot password</h1>
    <p class="text-muted mb-0">Enter your registered email to receive a reset link.</p>
  </div>

  <form method="post" novalidate>
    {% csrf_token %}

    {% if form.non_field_errors %}
      <div class="alert alert-danger" role="alert">{{ form.non_field_errors }}</div>
    {% endif %}

    <div class="mb-3">
      <label class="form-label" for="id_email">Email</label>
      {{ form.email }}
      {% if form.email.errors %}<div class="invalid-feedback d-block">{{ form.email.errors|join:', ' }}</div>{% endif %}
    </div>

    <button type="submit" class="btn btn-brand w-100">Send Reset Link</button>
  </form>

  <p class="small text-center mt-3 mb-0"><a href="{% url 'accounts:signin' %}">Back to sign in</a></p>
</section>
{% endblock %}