{% extends 'layouts/public.twig' %}

{% block content %}
<div class="container d-flex justify-content-center align-items-center" style="min-height: 80vh;">
    <div class="card shadow-lg border-0" style="max-width: 500px; width: 100%;">
        <div class="card-body p-5 text-center">
            <div class="mb-4">
                <i class="fa-solid fa-envelope-circle-check display-1 text-primary"></i>
            </div>
            
            <h3 class="mb-3">Регистрация успешна!</h3>
            
            <p class="text-muted mb-4">
                Мы отправили письмо с ссылкой для подтверждения email на вашу почту.
            </p>
            
            <div class="alert alert-info text-start">
                <i class="fa-solid fa-info-circle me-2"></i>
                <strong>Что делать дальше:</strong>
                <ol class="mb-0 mt-2">
                    <li>Откройте почтовый ящик</li>
                    <li>Найдите письмо от нас</li>
                    <li>Нажмите на ссылку для подтверждения</li>
                </ol>
            </div>
            
            <div class="mb-4">
                <a href="/auth/resend-verification" class="text-muted small">
                    <i class="fa-solid fa-rotate-right me-1"></i>Не получили письмо? Отправить снова
                </a>
            </div>
            
            <hr class="my-4">
            
            <a href="/" class="btn btn-outline-secondary">
                <i class="fa-solid fa-home me-2"></i>На главную
            </a>
        </div>
    </div>
</div>
{% endblock %}