{% extends '@EasyAdmin/page/content.html.twig' %}

{% block page_title %}Confirmer la validation du compte{% endblock %}

{% block main %}
<div style="max-width:800px;margin:0 auto;padding:2rem;">

    <div style="background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:2rem;">
        <h2 style="color:#856404;margin:0 0 0.5rem 0;">⚠️ Vérification obligatoire</h2>
        <p style="margin:0;color:#856404;">Vous devez consulter la carte d'identité avant de pouvoir valider ce compte. La carte sera <strong>définitivement supprimée</strong> après validation.</p>
    </div>

    {# Infos membre #}
    <div style="background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;">
        <h3 style="color:#1a2e5a;margin:0 0 1rem 0;">👤 Informations du membre</h3>
        <table style="width:100%;border-collapse:collapse;">
            <tr>
                <td style="padding:8px;font-weight:bold;width:160px;">Pseudo</td>
                <td style="padding:8px;">{{ user.pseudo ?? 'Non renseigné' }}</td>
                <td style="padding:8px;font-weight:bold;width:160px;">Prénom</td>
                <td style="padding:8px;">{{ user.firstName }}</td>
            </tr>
            <tr style="background:#fff;">
                <td style="padding:8px;font-weight:bold;">Nom</td>
                <td style="padding:8px;">{{ user.lastName }}</td>
                <td style="padding:8px;font-weight:bold;">Email</td>
                <td style="padding:8px;"><a href="mailto:{{ user.email }}">{{ user.email }}</a></td>
            </tr>
            <tr>
                <td style="padding:8px;font-weight:bold;">Date de naissance</td>
                <td style="padding:8px;">{{ user.birthDate ? user.birthDate|date('d/m/Y') : 'Non renseignée' }}</td>
                <td style="padding:8px;font-weight:bold;">Âge</td>
                <td style="padding:8px;">
                    {% if user.birthDate %}
                        {% set age = 'now'|date('Y') - user.birthDate|date('Y') %}
                        {% if 'now'|date('md') < user.birthDate|date('md') %}{% set age = age - 1 %}{% endif %}
                        {{ age }} ans
                    {% else %}
                        Non calculable
                    {% endif %}
                </td>
            </tr>
            <tr style="background:#fff;">
                <td style="padding:8px;font-weight:bold;">Adresse</td>
                <td colspan="3" style="padding:8px;">
                    {% if user.addressLine1 %}
                        {{ user.addressLine1 }}{% if user.addressLine2 %}, {{ user.addressLine2 }}{% endif %},
                        {{ user.postalCode }} {{ user.city }}, {{ user.country }}
                    {% else %}
                        Non renseignée
                    {% endif %}
                </td>
            </tr>
        </table>
    </div>

    {# Carte d'identité #}
    <div style="background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;">
        <h3 style="color:#1a2e5a;margin:0 0 1rem 0;">🪪 Carte d'identité</h3>
        {% if user.idCardPath %}
            {% set ext = user.idCardPath|split('.')|last|lower %}
            {% if ext == 'pdf' %}
                <div style="margin-bottom:1rem;">
                    <a href="{{ path('admin_user_id_card', {id: user.id}) }}" target="_blank"
                       style="background:#1a2e5a;color:#f5c400;padding:10px 20px;text-decoration:none;border-radius:6px;font-weight:bold;">
                        📄 Ouvrir le PDF dans un nouvel onglet
                    </a>
                </div>
            {% else %}
                <div style="margin-bottom:1rem;text-align:center;">
                    <img src="{{ path('admin_user_id_card', {id: user.id}) }}"
                         alt="Carte d'identité"
                         style="max-width:100%;max-height:400px;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);">
                </div>
            {% endif %}
        {% else %}
            <div style="color:#dc3545;font-weight:bold;">⚠️ Aucune carte d'identité uploadée pour ce membre.</div>
        {% endif %}
    </div>

    {# Boutons d'action #}
    <div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;">
        <form method="POST" action="{{ path('admin_user_approve_confirm', {userId: user.id}) }}">
            <button type="submit"
                    style="background:#28a745;color:#fff;border:none;padding:14px 32px;border-radius:6px;font-size:1.1rem;font-weight:bold;cursor:pointer;">
                ✅ Confirmer la validation
            </button>
        </form>
        <a href="{{ path('admin', {crudAction: 'index', crudControllerFqcn: 'App\\\\Controller\\\\Admin\\\\UserCrudController'}) }}"
           style="background:#6c757d;color:#fff;padding:14px 32px;border-radius:6px;font-size:1.1rem;font-weight:bold;text-decoration:none;display:inline-block;">
            ✖ Annuler
        </a>
    </div>

</div>
{% endblock %}