{% extends "base.html" %}

{% load i18n staticfiles %}
{% load bootstrap4 %}

{% block title %}{{ title }}{% endblock %}

{% block content_title %}<h1>{{ title }}</h1>{% endblock %}

{% block head_content %}
    <meta name="robots" content="noindex">
    {{ block.super }}
{% endblock head_content %}

{% block main_content %}
    <div class="container">
        <div class="row">
            <div class="col-6 mx-auto" role="dialog">
                <p>
                    {% trans "Forgotten your password? Enter your email address below, and we'll email instructions for setting a new one." %}
                </p>

                <form method="post">
                    {% csrf_token %}

                    {% bootstrap_form form %}

                    {% buttons %}
                        <button type="submit" class="btn btn-primary">
                            Reset my password
                        </button>
                    {% endbuttons %}
                </form>
            </div>
        </div>
    </div>
{% endblock %}

{% block body_scripts %}
    {{ block.super }}
    <script src="{% static 'js/password-validation.js' %}"></script>
{% endblock body_scripts %}