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

{% block title %}Importer des contributeurs{% endblock %}

{% block body %}
    <div class="bg-white rounded-lg shadow-md p-6">
        <h1 class="text-2xl font-bold mb-6">Importer des contributeurs depuis Ulule</h1>

        <div class="mb-6">
            <p class="text-gray-600">
                Téléchargez votre fichier Excel contenant les données des contributeurs Ulule.
                Le fichier doit être au format .xlsx ou .xls.
            </p>
            <div class="mt-4 bg-blue-50 p-4 rounded-md border border-blue-200">
                <h3 class="text-blue-700 font-medium mb-2">Colonnes requises dans le fichier:</h3>
                <ul class="list-disc list-inside text-gray-600 pl-2">
                    <li># (Identifiant Ulule)</li>
                    <li>E-mail</li>
                    <li>Nom complet</li>
                    <li>Adresse de livraison</li>
                    <li>Code postal de livraison</li>
                    <li>Ville de livraison</li>
                    <li>Pays de livraison</li>
                    <li>Numéro de téléphone de livraison</li>
                    <li>Titre de la contrepartie</li>
                    <li>Quantité</li>
                </ul>
            </div>

            <div class="mt-3 text-sm text-gray-500">
                <p>Le processus se déroule en deux étapes:</p>
                <ol class="list-decimal list-inside pl-2 mt-1">
                    <li>Téléchargement et vérification du fichier</li>
                    <li>Prévisualisation des données avant import définitif</li>
                </ol>
            </div>
        </div>

        {{ form_start(form, {'attr': {'class': 'space-y-4'}}) }}
            <div class="space-y-2">
                {{ form_label(form.file, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700'}}) }}
                {{ form_widget(form.file, {'attr': {'class': 'block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100'}}) }}
                {{ form_errors(form.file) }}
            </div>

            {{ form_widget(form.submit, {'attr': {'class': 'mt-4 w-full sm:w-auto bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline'}}) }}
        {{ form_end(form) }}
    </div>
{% endblock %}