{% extends 'base.html.twig' %}

{% block body %}
    <div class="account-layout container-fluid">
        {% include 'front/account/_sidebar.html.twig' %}

        <div class="account-content space-y-6">
            <div class="account-profil__header">
                <div class="account-profil__title-group">
                    <h2 class="account-profil__title">Détail de la commande</h2>
                    <p class="account-profil__subtitle">
                        Référence : <span class="font-semibold text-gray-700">{{ registration.reference }}</span> —
                        passée le {{ registration.createdAt|date('d/m/Y') }}
                    </p>
                </div>
            </div>

            <div class="account-box relative">
                <div class="grid grid-cols-2 gap-4">
                    <div class="text-gray-700 font-medium">Moyen de paiement :</div>
                    <div>Paiement en ligne / autre</div>

                    <div class="text-gray-700 font-medium">Montant total :</div>
                    <div>{{ registration.totalAmount|number_format(2, ',', ' ') }} €</div>

                    <div class="text-gray-700 font-medium">État :</div>
                    <div>
                        {% if registration.state == constant('App\\Entity\\ManifestationRegistration::STATE_CONFIRM') %}
                            <span class="badge badge-success">Confirmée</span>
                        {% elseif registration.state == constant('App\\Entity\\ManifestationRegistration::STATE_PAYMENT_WAITING') %}
                            <span class="badge badge-warning">En attente de paiement</span>
                        {% else %}
                            <span class="badge badge-danger">Annulée / Refusée</span>
                        {% endif %}
                    </div>

                    <div class="text-gray-700 font-medium">Reste à payer :</div>
                    <div>{{ registration.totalAmount|number_format(2, ',', ' ') }} €</div>
                </div>
            </div>

            {% if registration.products|length > 0 %}
                <h3 class="text-lg font-semibold mt-8">Produits sélectionnés</h3>
                <div class="space-y-4">
                    {% for item in registration.products %}
                        <div class="account-box">
                            <p><strong>Produit :</strong> {{ item.product.title }}</p>
                            <p><strong>Quantité :</strong> {{ item.quantity }}</p>
                            {% if item.optionProduct %}
                                <p><strong>Option :</strong> {{ item.optionProduct.name }}</p>
                            {% endif %}
                            <p><strong>Prix :</strong> {{ item.price|number_format(2, ',', ' ') }} €</p>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}

            {% if registration.fields|length > 0 %}
                <h3 class="text-lg font-semibold mt-8">Champs remplis</h3>
                <div class="space-y-4">
                    {% for field in registration.fields %}
                        <div class="account-box">
                            <p><strong>{{ field.field.label }}</strong></p>
                            {% if field.filePath %}
                                <a href="{{ asset('uploads/manifestation_registration_field/' ~ field.filePath) }}" target="_blank" class="text-blue-600 underline">Télécharger le fichier</a>
                            {% elseif field.value %}
                                <p class="text-sm text-gray-700">{{ field.value }}</p>
                            {% else %}
                                <p class="text-sm text-gray-500 italic">Non renseigné</p>
                            {% endif %}
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}