{% extends 'auth_base.html' %}
{% load static %}
{% block content %}
<div class="auth-wrap">
  <div class="auth-card">
    <aside class="auth-illustration">
      <h2 class="text-2xl">Reset password</h2>
      <p class="mt-2 muted">Enter your email and we'll send a link to reset your password.</p>
      <img src="{% static 'hero-illustration.png' %}" alt="Password reset" />
    </aside>

    <section class="auth-panel">
      <div class="form-title">Reset your password</div>
      <div class="form-sub">We'll email you a link to reset it</div>
      <form method="post">
        {% csrf_token %}
        <div class="form-field">
          <label for="id_email">Email</label>
          <input id="id_email" type="email" name="email" required class="form-input" />
        </div>
        <div class="pt-2">
          <button class="primary-btn">Send reset link</button>
        </div>
      </form>
      <div class="auth-footer">Remembered your password? <a href="/accounts/login/" class="secondary-link">Sign in</a></div>
    </section>
  </div>
</div>
{% endblock %}