{% extends 'layout.html' %}
{% load i18n %}
{% block body_class %}login-page{% endblock %}
{% block title %}{% trans 'Password reset' %} | {{ block.super }}{% endblock %}

{% block content %}
    <div class="container">
        <div class="row d-flex align-items-center">
            <div class="col-md-6 offset-md-3">
                <div class="card card-primary text-md-left text-center bg-primary shadow">
                    <div class="card-body">
                        <h1>{% trans "Password reset" %}</h1>
                        <form id="password_reset_form" method="post">
                            {% csrf_token %}
                            <p>{% trans "Forgotten your password? Enter your e-mail address below, and we'll e-mail instructions for setting a new one." %}</p>
                            {% include 'partials/form_fields.html' with style='stacked' %}
                            <div class="form-group form-actions">
                                <button type="submit" class="btn btn-info btn-hook"
                                        data-loading-text="{% trans 'Sending...' %}">
                                    {% trans 'Send reset email' %}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}