{# templates/contributor/import_review.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Vérification de l'import{% endblock %}

{% block body %}
    <div class="bg-white rounded-lg shadow-md p-6">
        <h1 class="text-2xl font-bold mb-6">Vérifiez les données avant l'import</h1>
        
        <div class="bg-blue-50 border border-blue-200 rounded p-4 mb-6">
            <p class="text-blue-700 font-medium">
                <strong>{{ total_count }}</strong> contributeurs trouvés dans le fichier Excel.
                <br>
                <strong>{{ new_count }}</strong> nouveaux contributeurs et 
                <strong>{{ updated_count }}</strong> contributeurs existants à mettre à jour.
            </p>
        </div>
        
        <div class="overflow-x-auto mb-6">
            <table class="min-w-full bg-white">
                <thead>
                    <tr class="bg-gray-100 text-gray-700 uppercase text-sm leading-normal">
                        <th class="py-3 px-6 text-left">ID Ulule</th>
                        <th class="py-3 px-6 text-left">Nom</th>
                        <th class="py-3 px-6 text-left">Email</th>
                        <th class="py-3 px-6 text-left">Adresse</th>
                        <th class="py-3 px-6 text-left">Type</th>
                        <th class="py-3 px-6 text-left">Contrepartie</th>
                    </tr>
                </thead>
                <tbody class="text-gray-600 text-sm">
                    {% for contributor in contributors %}
                        <tr class="border-b border-gray-200 hover:bg-gray-50 {{ contributor.isExisting ? 'bg-yellow-50' : '' }}">
                            <td class="py-3 px-6 text-left">{{ contributor.ululesId }}</td>
                            <td class="py-3 px-6 text-left">{{ contributor.name }}</td>
                            <td class="py-3 px-6 text-left">{{ contributor.email }}</td>
                            <td class="py-3 px-6 text-left">
                                {% if contributor.deliveryAddress %}
                                    <div>{{ contributor.deliveryAddress }}</div>
                                    {% if contributor.deliveryAddress2 %}<div>{{ contributor.deliveryAddress2 }}</div>{% endif %}
                                    <div>{{ contributor.deliveryPostalCode }} {{ contributor.deliveryCity }}</div>
                                    <div>{{ contributor.deliveryCountry }}</div>
                                {% endif %}
                            </td>
                            <td class="py-3 px-6 text-center">
                                {% if contributor.isExisting %}
                                    <span class="bg-yellow-100 text-yellow-800 py-1 px-3 rounded-full text-xs">
                                        Mise à jour
                                    </span>
                                {% else %}
                                    <span class="bg-green-100 text-green-800 py-1 px-3 rounded-full text-xs">
                                        Nouveau
                                    </span>
                                {% endif %}
                            </td>
                            <td class="py-3 px-6 text-left">
                                {% for reward in contributor.temporaryRewards %}
                                    <div>
                                        <strong>{{ reward.title }}</strong>
                                        {% if reward.variation %} ({{ reward.variation }}){% endif %}
                                        <span class="text-xs text-gray-500">x{{ reward.quantity }}</span>
                                    </div>
                                {% endfor %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        
        <div class="flex justify-between">
            <a href="{{ path('app_contributor_import') }}" class="bg-gray-200 hover:bg-gray-300 text-gray-700 font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
                Annuler
            </a>
            <a href="{{ path('app_contributor_import_confirm') }}" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
                Confirmer l'import
            </a>
        </div>
    </div>
{% endblock %}