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

{% block title %}Compte bloqué - Na+{% endblock %}

{% block body %}
<main id="contenu">
    <img src="/Logo.png" alt="Logo n-atypik" class="logo-central" />

    <div class="content" style="max-width: 600px; margin: 0 auto; text-align: center;">
        <div class="card" style="padding: 2.5rem;">
            <div style="font-size: 3rem; margin-bottom: 1rem;">🚫</div>
            <h1 style="color: #dc3545; margin-bottom: 1rem;">Compte suspendu</h1>
            <p style="color: #555; line-height: 1.7; margin-bottom: 1.5rem;">
                Ton compte Na+ a été suspendu par notre équipe de modération.
            </p>
            <p style="color: #555; line-height: 1.7; margin-bottom: 2rem;">
                Si tu penses qu'il s'agit d'une erreur ou si tu souhaites contester cette décision, contacte-nous :
            </p>
            <a href="mailto:contact@n-atypik.fr"
               style="display: inline-block; background: #1a2e5a; color: #f5c400; text-decoration: none;
                      font-weight: bold; padding: 0.8rem 2rem; border-radius: 6px; font-size: 1rem; margin-bottom: 2rem;">
                ✉️ contact@n-atypik.fr
            </a>
            <br>
            <a href="{{ path('app_logout') }}" style="color: #888; font-size: 0.9rem;">
                Se déconnecter
            </a>
        </div>
    </div>
</main>
{% endblock %}