{% extends "base.html" %}
{% block content %}
<div class="container mt-5">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <div class="card">
        <div class="card-header">Reset Password</div>
        <div class="card-body">
          <p>Forgotten your password? Enter your email address below, and we'll email instructions for setting a new one.</p>
          <form method="post">
            {% csrf_token %}
            {% for field in form %}
              <div class="form-group">
                {{ field.label_tag }}
                {{ field }}
                {% if field.help_text %}
                  <small class="form-text text-muted">{{ field.help_text|safe }}</small>
                {% endif %}
                {% for error in field.errors %}
                  <div class="text-danger">{{ error }}</div>
                {% endfor %}
              </div>
            {% endfor %}
            <button type="submit" class="btn btn-primary">Send Email</button>
          </form>
          <script>
            document.querySelectorAll('input').forEach(e => e.classList.add('form-control'));
            document.querySelectorAll('ul.errorlist').forEach(e => e.style.display = 'none');
          </script>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}