{% extends "layout/home.html" %}
{% load crispy_forms_tags %}
{% load static %}

{% block styles %}
<link rel="stylesheet" href="{% static 'users/card.css' %}"></link>
{% endblock styles %}

{% block content %}
<div id="main-container" class="container">
  <div id="card" class="card border-dark bg-light mb-3" style="width: 100%; text-align: center; margin: 3rem">
    <div class="card-body">
      <div class="content-section">
        <form method="POST">
          {% csrf_token %}
          <fieldset class="form-group">
            <legend class="border-bottom mb-4"> Reset Password</legend>
            {{ form|crispy }}
          </fieldset>
          <div class="form-group">
            <button class="btn btn-outline-info" type="submit"> Request Password Reset </button>
        </form>
    </div>
  </div>
</div>
{% endblock content %}