{% extends 'na_admin/layout.html.twig' %}

{% block page_title %}Approuver {{ user.displayName }}{% endblock %}

{% block content %}

<div style="margin-bottom:1rem;">
    <a href="{{ path('na_admin_user_detail', {'id': user.id}) }}" style="font-size:0.85rem; color:#6b7a99; text-decoration:none;">
        <i class="fa fa-arrow-left"></i> Retour au détail
    </a>
</div>

<div class="na-alert na-alert-warning">
    <strong><i class="fa fa-exclamation-triangle"></i> Vérification obligatoire</strong><br>
    Consultez la carte d'identité avant de valider. Elle sera <strong>définitivement supprimée</strong> après validation.
</div>

{# Infos membre #}
<div class="na-card" style="margin-bottom:1.5rem;">
    <div class="na-card-header"><h2>Informations du membre</h2></div>
    <div class="na-card-body">
        <div class="na-detail-row">
            <div class="na-detail-cell"><strong>Pseudo</strong>{{ user.pseudo ?? '—' }}</div>
            <div class="na-detail-cell"><strong>Prénom</strong>{{ user.firstName }}</div>
            <div class="na-detail-cell"><strong>Nom</strong>{{ user.lastName }}</div>
            <div class="na-detail-cell"><strong>Email</strong><a href="mailto:{{ user.email }}">{{ user.email }}</a></div>
        </div>
        <div class="na-detail-row">
            <div class="na-detail-cell">
                <strong>Date de naissance</strong>{{ user.birthDate ? user.birthDate|date('d/m/Y') : '—' }}
            </div>
            <div class="na-detail-cell">
                <strong>Âge</strong>
                {% 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 %}—{% endif %}
            </div>
            <div class="na-detail-cell" style="flex:2;">
                <strong>Adresse</strong>
                {% if user.addressLine1 %}
                    {{ user.addressLine1 }}{% if user.addressLine2 %}, {{ user.addressLine2 }}{% endif %} — {{ user.postalCode }} {{ user.city }}, {{ user.country }}
                {% else %}—{% endif %}
            </div>
        </div>
    </div>
</div>

{# Carte d'identité #}
<div class="na-card" style="margin-bottom:1.5rem;">
    <div class="na-card-header"><h2>Carte d'identité</h2></div>
    <div class="na-card-body">
        {% if user.idCardPath %}
            {% set ext = user.idCardPath|split('.')|last|lower %}
            {% if ext == 'pdf' %}
                <a href="{{ path('na_admin_user_id_card', {'id': user.id}) }}" target="_blank" class="na-btn na-btn-primary">
                    <i class="fa fa-file-pdf"></i> Ouvrir le PDF
                </a>
            {% else %}
                <div style="text-align:center;">
                    <img src="{{ path('na_admin_user_id_card', {'id': user.id}) }}"
                         alt="Carte d'identité"
                         style="max-width:100%; max-height:400px; border:1px solid #e5e9f0; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.1);">
                </div>
            {% endif %}
        {% else %}
            <div class="na-alert na-alert-danger">Aucune carte d'identité uploadée pour ce membre.</div>
        {% endif %}
    </div>
</div>

{# Boutons #}
<div style="display:flex; gap:1rem; justify-content:center;">
    <form method="post" action="{{ path('na_admin_user_approve_confirm', {'id': user.id}) }}">
        <button type="submit" class="na-btn na-btn-success" style="padding:0.75rem 2rem; font-size:1rem;">
            <i class="fa fa-check"></i> Confirmer la validation
        </button>
    </form>
    <a href="{{ path('na_admin_users') }}" class="na-btn na-btn-secondary" style="padding:0.75rem 2rem; font-size:1rem;">
        <i class="fa fa-times"></i> Annuler
    </a>
</div>

{% endblock %}