{% extends '@EasyAdmin/crud/detail.html.twig' %}

{% block detail_fields %}
<div class="user-detail-custom" style="padding: 1.5rem;">
    
    {# Ligne 1: Prénom | Nom | email #}
    <div style="display: flex; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>Prénom :</strong> {{ entity.instance.firstName }}
        </div>
        <div style="flex: 1;">
            <strong>Nom :</strong> {{ entity.instance.lastName }}
        </div>
        <div style="flex: 1;">
            <strong>email :</strong> <a href="mailto:{{ entity.instance.email }}">{{ entity.instance.email }}</a>
        </div>
    </div>

    {# Ligne 2: email vérifié ? | Compte validé ? #}
    <div style="display: flex; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>email vérifié ?</strong> 
            <span class="badge badge-{{ entity.instance.isVerified ? 'success' : 'secondary' }}" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                {{ entity.instance.isVerified ? 'OUI' : 'NON' }}
            </span>
        </div>
        <div style="flex: 1;">
            <strong>Compte validé ?</strong> 
            <span class="badge badge-{{ entity.instance.isApproved == true ? 'success' : (entity.instance.isApproved == false ? 'danger' : 'warning') }}" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                {{ entity.instance.isApproved == true ? 'OUI' : (entity.instance.isApproved == false ? 'NON' : 'EN ATTENTE') }}
            </span>
        </div>
    </div>

    {# Ligne 3: Pseudo | Anonyme ? | Genre | Date d'anniversaire | Âge #}
    <div style="display: flex; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>Pseudo :</strong> {{ entity.instance.pseudo ?? 'Non renseigné' }}
        </div>
        <div style="flex: 1;">
            <strong>Anonyme ?</strong> 
            <span class="badge badge-{{ entity.instance.isAnonymous ? 'info' : 'secondary' }}" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                {{ entity.instance.isAnonymous ? 'OUI' : 'NON' }}
            </span>
        </div>
        <div style="flex: 1;">
            <strong>Genre :</strong> 
            {% if entity.instance.gender == 'homme' %}
                Masculin
            {% elseif entity.instance.gender == 'femme' %}
                Féminin
            {% elseif entity.instance.gender == 'non-binaire' %}
                Non-binaire
            {% elseif entity.instance.gender == 'autre' %}
                Autre
            {% else %}
                Non renseigné
            {% endif %}
        </div>
        <div style="flex: 1;">
            <strong>Date d'anniversaire :</strong> {{ entity.instance.birthDate ? entity.instance.birthDate|date('d/m/Y') : 'Non renseigné' }}
        </div>
        <div style="flex: 1;">
            <strong>Âge :</strong> 
            {% if entity.instance.birthDate %}
                {% set age = 'now'|date('Y') - entity.instance.birthDate|date('Y') %}
                {% if 'now'|date('md') < entity.instance.birthDate|date('md') %}
                    {% set age = age - 1 %}
                {% endif %}
                {{ age }} ans
            {% else %}
                Non calculable
            {% endif %}
        </div>
    </div>

    {# Ligne 4: Téléphone | Adresse #}
    <div style="display: flex; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>Téléphone :</strong> {{ entity.instance.phone ?? 'Non renseigné' }}
        </div>
        <div style="flex: 2;">
            <strong>Adresse :</strong> 
            {% if entity.instance.addressLine1 %}
                {{ entity.instance.addressLine1 }}
                {% if entity.instance.addressLine2 %}, {{ entity.instance.addressLine2 }}{% endif %}<br>
                {{ entity.instance.postalCode }} {{ entity.instance.city }}, {{ entity.instance.country }}
            {% else %}
                Non renseignée
            {% endif %}
        </div>
    </div>

    {# Ligne 5: Diagnostic ? | Veut modérer ? | Accepte géolocalisation ? #}
    <div style="display: flex; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>Diagnostic ?</strong> {{ entity.instance.diagnosis ?? 'Non renseigné' }}
        </div>
        <div style="flex: 1;">
            <strong>Veut modérer ?</strong> 
            <span class="badge badge-{{ entity.instance.wantsToModerate ? 'success' : 'secondary' }}" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                {{ entity.instance.wantsToModerate ? 'OUI' : 'NON' }}
            </span>
        </div>
        <div style="flex: 1;">
            <strong>Accepte géolocalisation ?</strong> 
            <span class="badge badge-{{ entity.instance.acceptsGeolocation ? 'success' : 'secondary' }}" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                {{ entity.instance.acceptsGeolocation ? 'OUI' : 'NON' }}
            </span>
        </div>
    </div>

    {# Ligne 6: Carte d'identité ? | Carte vérifiée ? #}
    <div style="display: flex; gap: 1rem; margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>Carte d'identité ?</strong> 
            {% if entity.instance.idCardPath and entity.instance.isApproved != true %}
                <a href="{{ path('admin_user_id_card', {id: entity.instance.id}) }}" target="_blank" class="btn btn-primary btn-sm" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                    📄 Voir la carte d'identité
                </a>
            {% elseif entity.instance.idCardPath and entity.instance.isApproved == true %}
                <span class="text-muted">Carte supprimée après validation</span>
            {% else %}
                <span class="text-muted">Aucune carte uploadée</span>
            {% endif %}
        </div>
        <div style="flex: 1;">
            <strong>Carte vérifiée ?</strong> 
            <span class="badge badge-{{ entity.instance.idVerified ? 'success' : 'secondary' }}" style="padding: 0.25rem 0.5rem; font-size: 0.875rem;">
                {{ entity.instance.idVerified ? 'OUI' : 'NON' }}
            </span>
        </div>
    </div>

    {# Ligne 7: Motif de refus #}
    {% if entity.instance.rejectedReason %}
    <div style="margin-bottom: 1rem; padding: 1rem; background: #fff3cd; border-radius: 4px;">
        <strong>Si inscription refusée, motif ?</strong><br>
        <div style="margin-top: 0.5rem;">
            {{ entity.instance.rejectedReason|nl2br }}
        </div>
    </div>
    {% endif %}

    {# Ligne 8: Date de création | Date de validation #}
    <div style="display: flex; gap: 1rem; padding: 1rem; background: #f8f9fa; border-radius: 4px;">
        <div style="flex: 1;">
            <strong>Date de création :</strong> {{ entity.instance.createdAt|date('d/m/Y') }}
        </div>
        <div style="flex: 1;">
            <strong>Date de validation :</strong> {{ entity.instance.approvalDate ? entity.instance.approvalDate|date('d/m/Y') : 'Non validé' }}
        </div>
    </div>

</div>
{% endblock %}