{% extends 'layouts/base.html' %}

{% load i18n %}
{% load static %}
{% load pyaa %}

{% block content %}

<div class="container mx-auto px-4 py-8 max-w-xl text-center">
    <h1 class="text-2xl font-bold mb-6">
        {% translate "title.account-activation-pending" %}
    </h1>

    <img src="{% static 'images/account-email-activation.png' %}" class="w-40 mx-auto mb-6" alt="Email activation">

    <p class="mb-2">
        {% translate "subtitle.account-activation-pending" %}
    </p>
    <p class="text-base-content/70 mb-6">
        {% translate "message.account-activation-pending" %}
    </p>

    <div class="alert alert-info">
        <i class="fa-solid fa-circle-info"></i>
        <span>{% translate "message.account-activation-check-spam" %}</span>
    </div>
</div>

{% endblock content %}