{% extends 'django_spire/auth/page/auth_page.html' %}

{% block base_title %}Password Reset{% endblock %}

{% block authentication_page_content %}
    <h5>Password Reset</h5>
    {% if token_fail %}
        <p>The password reset link was invalid, possibly because it has already been used. Please request a
            <a href="{% url 'user_account_reset_password' %}">new password reset</a>
        </p>
    {% else %}
        {% if form %}
            <form x-data="{
                email: new GlueCharField('email', {required: true})
            }" method="post" class="text-secondary">
                {% csrf_token %}
                <div class="row">
                    <div class="col">
                        {% include 'django_spire/glue/form/field/char/field.html' with glue_field='email' %}
                    </div>
                </div>
                <div class="row mt-2">
                    <div class="col">
                        <button type="submit" class="w-100 btn btn-primary bg-primary mt-2">Submit</button>
                    </div>
                </div>
            </form>
        {% else %}
            <p>Your password is now changed</p>
        {% endif %}
    {% endif %}
{% endblock %}