{% extends "base_admin.html.twig" %}

{% block body %}
    <h1 class="h1 mb-4">Détail de l’inscription</h1>

    <div class="card mb-6">
        <div class="card-body space-y-2 text-sm">

            {% set hasUser = registration.user is not null %}
            {% set prenomField = registration.fields|filter(f => f.field.name == 'firstname')|first %}
            {% set nomField = registration.fields|filter(f => f.field.name == 'lastname')|first %}
            {% set emailField = registration.fields|filter(f => f.field.name == 'email')|first %}

            <p><strong>Nom :</strong>
                {% if hasUser %}
                    {{ registration.user.fullName }}
                {% else %}
                    {{ (prenomField.value ?? '') ~ ' ' ~ (nomField.value ?? '') }}
                {% endif %}
            </p>

            <p><strong>Email :</strong>
                {% if hasUser %}
                    {{ registration.user.email }}
                {% else %}
                    {{ emailField.value ?? '—' }}
                {% endif %}
            </p>

            <p><strong>Date :</strong> {{ registration.createdAt|date('d/m/Y H:i') }}</p>

            <p><strong>Statut :</strong>
            <form method="post" action="{{ path('admin_manifestation_registration_toggle_paid', { id: registration.id }) }}">
                <button class="btn-sm font-semibold rounded px-2 py-1
                    {% if registration.isPaid %}
                        bg-green-100 text-green-700 hover:bg-green-200
                    {% else %}
                        bg-red-100 text-red-700 hover:bg-red-200
                    {% endif %}">
                    {% if registration.isPaid %}✅ Payé{% else %}⛔ Non payé{% endif %}
                </button>
            </form>
            </p>

            <hr>

            <h2 class="font-bold mt-4">Produits sélectionnés :</h2>
            <ul class="list-disc pl-5">
                {% for product in registration.products %}
                    <li>{{ product.product.title }} × {{ product.quantity }}</li>
                {% else %}
                    <li class="text-gray-500">Aucun produit sélectionné.</li>
                {% endfor %}
            </ul>

            <hr>

            <h2 class="font-bold mt-4">Champs personnalisés :</h2>
            <ul class="list-disc pl-5 space-y-2">
                {% for field in registration.fields %}
                    <li>
                        <strong>{{ field.field.label }} :</strong>
                        {% set value = field.value %}
                        {% set filePath = field.filePath %}

                        {% if filePath %}
                            {% set fileUrl = asset('upload/manifestation_registration_fields/' ~ filePath) %}

                            {% if filePath matches '/\.(jpg|jpeg|png|gif|webp)$/i' %}
                                <div class="relative group inline-block mt-2">
                                    <img src="{{ fileUrl }}"
                                         alt="Image du champ {{ field.field.label }}"
                                         class="max-h-40 rounded shadow transition-transform duration-200 group-hover:scale-110">
                                    <a href="{{ fileUrl }}" download
                                       class="absolute top-1 left-1 bg-white text-xs px-2 py-0.5 rounded shadow text-blue-600 font-medium opacity-90 hover:opacity-100">
                                        Télécharger
                                    </a>
                                </div>
                            {% else %}
                                <div class="mt-2">
                                    <a href="{{ fileUrl }}" target="_blank" class="btn-secondary btn-sm">Télécharger</a>
                                </div>
                            {% endif %}

                            <div class="mt-2 flex items-center space-x-2">
                                {% if field.isValidated %}
                                    <span class="inline-block text-green-600 font-semibold text-sm">✅ Validé</span>
                                    <form method="post" action="{{ path('admin_manifestation_registration_invalidate', { id: field.id }) }}">
                                        <button class="btn-outline btn-sm text-red-600 border-red-600 hover:bg-red-50">
                                            Annuler validation
                                        </button>
                                    </form>
                                {% else %}
                                    <span class="inline-block text-red-600 font-semibold text-sm">⛔ Non validé</span>
                                    <form method="post" action="{{ path('admin_manifestation_registration_validate', { id: field.id }) }}">
                                        <button class="btn-primary btn-sm">Valider</button>
                                    </form>
                                {% endif %}
                            </div>

                        {% elseif value %}
                            {{ value }}
                        {% else %}
                            <span class="text-gray-500">Non renseigné</span>
                        {% endif %}
                    </li>
                {% else %}
                    <li class="text-gray-500">Aucun champ personnalisé rempli.</li>
                {% endfor %}
            </ul>

            {% if registration.totalAmount is defined %}
                <p class="mt-4"><strong>Total :</strong> {{ registration.totalAmount|number_format(2, ',', ' ') }} €</p>
            {% endif %}
        </div>
    </div>

    <a href="{{ path('admin_manifestation_show', { id: registration.manifestation.id }) }}" class="btn-secondary">Retour à la manifestation</a>
{% endblock %}