{% extends '_layouts/base.html' %}
{% load static %}

{% block title %}Подтвердите почту{% endblock %}

{% block add_css %}
    <link rel="stylesheet" href="{% static 'css/login.css' %}">
{% endblock %}

{% block content %}
    <div class="auth-page">
        {% include "_fragments/header.html" %}
        <main class="auth-section">
            <div class="container auth-layout">
                <section class="auth-intro auth-intro--register">
                    <p class="auth-kicker">Почти готово</p>
                    <h1 class="auth-title">Подтвердите почту</h1>
                    <p class="auth-description">
                        Мы отправили письмо на адрес {{ email }}. Перейдите по ссылке из письма, чтобы активировать аккаунт.
                    </p>
                </section>
                <section class="auth-panel">
                    <div class="auth-copy-block">
                        <h2 class="auth-panel-title">Что дальше</h2>
                        <p class="auth-panel-text">Проверьте входящие, а также папки «Спам» и «Промоакции», если письмо не видно сразу.</p>
                        <p class="auth-switch">После подтверждения вы автоматически сможете войти в личный кабинет.</p>
                        <a class="auth-secondary-link" href="{% url 'users:login' %}">Вернуться на страницу входа</a>
                    </div>
                </section>
            </div>
        </main>
        {% include "_fragments/footer.html" %}
    </div>
{% endblock %}