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

{% load static %}

{% load account %}

{% block head_title %}
    Confirm E-mail Address
{% 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">Confirm E-mail Address</h1>
            {% if confirmation %}
                {% user_display confirmation.email_address.user as user_display %}
                <p class="authentication__text">
                    Please confirm that
                    <span class="authentication__link">{{ email }}</span> is an e-mail address for user
                    <span class="authentication__link">{{ user_display }}</span>.
                </p>

                <div class="authentication__form-wrapper">
                    <form class="form" method="post" action="{% url 'account_confirm_email' confirmation.key %}">
                        {% csrf_token %}

                        <button class="button" type="submit">Confirm</button>
                    </form>
                </div>

            {% else %}
                {% url 'account_email' as email_url %}
                <p class="authentication__text"> This e-mail confirmation link expired or is invalid.
                    Please <a class="authentication__link" href="{{ email_url }}">issue a new e-mail confirmation request</a>.
                </p>
            {% endif %}

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

{% endblock inner %}