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

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

{% block content %}

<div class="container mx-auto px-4 py-8 max-w-xl text-center">
    <div class="text-info text-5xl mb-4">
        <i class="fa-solid fa-envelope-circle-check"></i>
    </div>

    {% element page_header centered=True %}
        {% translate "title.account-password-recovery-success" %}
    {% endelement %}

    <p class="text-base-content/70 mb-6">
        {% translate "message.account-password-recovery-success.instructions" %}
    </p>

    <a href="{% url 'account_login' %}" class="btn btn-outline">
        {% translate "button.back-to-login" %}
    </a>
</div>

{% endblock content %}