{% extends 'layout.html' %}
{% load i18n %}

{% block title %}{% trans 'Enter a new password' %} | {{ block.super }}{% endblock %}
{% block body_class %}login-page{% 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 shadow card-grey bg-grey">
                    <div class="card-body">
                        {% if validlink %}
                            <h1>{% trans "Enter a new password" %}</h1>
                            <p>{% trans "Please enter your new password twice so we can verify you typed it in correctly." %}</p>
                            <form id="password_reset_form" method="post">
                                {% csrf_token %}
                                {% include 'partials/form_fields.html' %}
                                <div class="form-group form-actions">
                                    <button class="btn btn-primary btn-hook" type="submit"
                                            data-loading-text="{% trans 'Changing...' %}">{% trans 'Change my password' %}</button>
                                </div>
                            </form>
                        {% else %}
                            <h1>{% trans 'Password reset unsuccessful' %}</h1>
                            <p>{% trans "The password reset link was invalid, possibly because it has already been used.  Please request a new password reset." %}</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}