{% extends 'base/base.html' %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}Change password{% endblock %}

{% block content %}
  <div class="container mt-5">
    <div class="row">
      <div class="col-md-6 offset-md-3">
        <div class="card">
          <div class="card-body">
            <h2 class="card-title text-center mb-4">Change Password</h2>
            <form method="post" class="needs-validation" novalidate>
              {% csrf_token %}
              {{ form | crispy }}
              <div class="d-grid gap-2">
                <button type="submit" class="btn btn-primary">Change Password</button>
              </div>
            </form>
            <p class="mt-3 text-center">
              <a href="{% url 'home' %}" class="text-decoration-none">
                <i class="fa fa-arrow-left" aria-hidden="true"></i> Back to Home
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}

{% comment %}
vi: ft=htmldjango
{% endcomment %}