{% extends 'base.html.twig' %}

{% block title %}{{ 'reset_password.check_email.title'|trans }}{% endblock %}

{% block body %}
<div class="row justify-content-center">
    <div class="col-md-6 col-lg-5">
        <div class="card shadow-lg">
            <div class="card-header text-center">
                <h1 class="h4 mb-0">{{ 'reset_password.check_email.header'|trans }}</h1>
            </div>
            <div class="card-body p-4">
                <div class="text-center mb-4">
                    <i class="fas fa-envelope fa-3x mb-3" style="color: #8e44ad;"></i>
                </div>
                
                <p>
                    {{ 'reset_password.check_email.sent'|trans }}
                </p>
                <p>{{ 'reset_password.check_email.not_received'|trans }}</p>
                <p class="text-muted">
                    {{ 'reset_password.check_email.expires_in'|trans({'%hours%': '1'}) }}
                </p>
            </div>
            <div class="card-footer text-center py-3">
                <div class="text-muted">
                    <a href="{{ path('app_forgot_password_request') }}" class="text-decoration-none">
                        <i class="fas fa-redo me-1"></i> {{ 'reset_password.check_email.try_again'|trans }}
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}