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

{% block title %}Message envoyé avec succès{% endblock %}

{% block meta_description %}Votre message a été envoyé avec succès. Vous recevrez une réponse dans les plus brefs délais.{% endblock %}

{% set body_class = 'page-with-hero' %}

{% block hero %}
<!-- Hero Section Success -->
<section class="hero-section">
    <div class="hero-decoration">
        <i class="fas fa-check-circle"></i>
    </div>
    
    <div class="container">
        <div class="hero-content text-center">
            <div class="status-icon success">
                <i class="fas fa-check-circle"></i>
            </div>
            <h1 class="hero-title">Message envoyé !</h1>
            <p class="hero-subtitle">
                Votre message a été transmis avec succès
            </p>
        </div>
    </div>
</section>
{% endblock %}

{% block body %}
<div class="status-page">
    <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-6 col-lg-5">
                <div class="card text-center mb-4">
                <div class="card-body p-5">
                    <p class="text-muted mb-4">
                        Votre message a été transmis avec succès. 
                        Vous devriez recevoir une réponse dans les plus brefs délais.
                    </p>
                    
                    <div class="alert alert-info text-start">
                        <i class="fas fa-info-circle me-2"></i>
                        <strong>Prochaines étapes :</strong>
                        <ul class="mb-0 mt-2">
                            <li>Un email de confirmation vous a été envoyé</li>
                            <li>Le destinataire sera notifié de votre message</li>
                            <li>Vous recevrez sa réponse directement par email</li>
                        </ul>
                    </div>
                    
                        <div class="status-actions">
                            <a href="{{ path('app_home') }}" class="btn btn-primary mb-2">
                            <i class="fas fa-home me-2"></i>
                            Retour à l'accueil
                        </a>
                        <a href="{{ path('directory_index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-users me-2"></i>
                            Parcourir l'annuaire
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endblock %}