{% extends "account/base.html" %}
{% load static %}

{% load account %}

{% block head_title %}
    Password Reset
{% endblock head_title %}

{% block inner %}

    <div class="authentication">
        <div class="authentication__content container">
            <img src="{% static 'images/logo.svg' %}" alt="EquiSeq Logo" width="48" height="48">

            <h1 class="authentication__title">Password Reset</h1>

            {% if user.is_authenticated %}
                {% include "account/snippets/already_logged_in.html" %}
            {% endif %}

            <p class="authentication__text">
                Forgotten your password? Enter your e-mail address below,<br> and we'll send you an e-mail allowing you
                to reset it.
            </p>

            <div class="authentication__form-wrapper">
                <form class="form" method="post" action="{% url 'account_reset_password' %}">
                    {% csrf_token %}

                    <div class="form__input-group {% if form.email.errors %} form__error{% endif %}">
                        {{ form.email.label_tag }}
                        {{ form.email }}

                        {% if form.email.errors %}
                            <ul class="form__error-message">
                                {% for error in form.email.errors %}
                                    <li>{{ error }}</li>
                                {% endfor %}
                            </ul>
                        {% endif %}
                    
                    </div>

                    <button class="button" type="submit">Reset My Password</button>
                </form>
            </div>

            <p class="authentication__text">Please contact us if you have any trouble resetting your password.</p>

        </div>
        <div class="authentication__background"></div>
    </div>

{% endblock inner %}