Reset

{% extends "brickwork/shell/auth.html" %}
{% comment %}
Request a password reset.

COPY THIS FILE into your project and edit it. It is not on the template loader
path, so you cannot extend it (ADR-056).

What your view must supply:
    form  the reset form for whichever step this is

NOTE THAT A RESET IS TWO PAGES, not one: "email me a link" and "set a new
password" are different forms at different URLs, sharing this shape. Copy this
file twice and change the heading, the copy, and the action URL, rather than
trying to branch one template across both steps.

The URL below is a PLACEHOLDER; replace it with your own.

States: the form's own valid/invalid states (bw_form renders errors
  inline); the commented-out success alert shows the second, post-submit
  state a real implementation swaps in.
Accessibility: inherits shell/auth.html's skip link, lang/dir/theme
  attributes and themed bare-prose-link colour; the page's own <h1> names
  the task. Covered by the archetype harness's full gate sweep (render,
  axe WCAG 2.2 AA, no horizontal overflow, light/dark distinctness,
  skip-link first-tab-stop with JS disabled) at every W0.1 breakpoint,
  both themes; unlike auth/signin.html, this archetype has no additional
  hand-maintained a11y fixture of its own, only the archetype harness's
  coverage.
Responsive: no breakpoint switch of its own; inherits shell/auth.html's
  fluid, no-breakpoint centred panel.
{% endcomment %}
{% load brickwork_components brickwork_forms %}

{% block page_title %}Reset your password - Northwind{% endblock %}

{% block brand_wordmark %}Northwind{% endblock %}

{% block content %}
<div class="bw-section-stack">

  <h1>Reset your password</h1>

  <p>Tell us the email address you signed up with and we will send you a link to set a new password.</p>

  <form method="post" action="/accounts/password/reset/">
    {% csrf_token %}
    {% bw_form form %}
    <div class="bw-form__actions">
      {% bw_button "Send reset link" type="submit" variant="primary" %}
    </div>
  </form>

  {% comment %}
  After a successful POST, show the confirmation rather than the form again.
  Say the same thing whether or not the address is on file, so the page cannot
  be used to discover who has an account:

    {% include "brickwork/components/_alert.html" with variant="success" title="Check your email" message="If that address has an account, a reset link is on its way." %}
  {% endcomment %}

  <p>
    <a href="/accounts/login/">Back to sign in</a>
  </p>

</div>
{% endblock %}