{% extends 'base.html.twig' %}
{% block title %}Vérifiez votre e-mail — CSI World{% endblock %}

{% block body %}
<main style="flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px">
  <div style="background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:36px 40px;width:100%;max-width:480px;text-align:center">
    <div style="font-size:2.5rem;margin-bottom:16px">📬</div>
    <h1 style="margin:0 0 10px;font-size:1.3rem;color:var(--text)">Vérifiez votre boîte mail</h1>
    <p style="margin:0 0 20px;color:var(--muted);font-size:.9rem;line-height:1.6">
      Un e-mail de confirmation a été envoyé à <strong style="color:var(--text)">{{ email }}</strong>.<br>
      Clique sur le lien dans cet e-mail pour activer ton compte et récupérer ton token de jeu.
    </p>
    <p style="color:var(--muted);font-size:.8rem">Le lien est valable 24 heures.</p>
    <div style="margin-top:24px;display:flex;flex-direction:column;gap:10px;align-items:center">
      <a href="{{ path('player_resend_confirm') }}" style="color:var(--accent);font-size:.88rem;text-decoration:none">Renvoyer l'e-mail →</a>
      <a href="{{ path('player_login') }}" style="color:var(--accent2);font-size:.88rem;text-decoration:none">Retour à la connexion</a>
    </div>
  </div>
</main>
{% endblock %}