{% extends '@EasyAdmin/page/content.html.twig' %}

{% block content %}
<div class="container mt-5">
    <h2 class="text-center mb-4">📂 Importer des Versements depuis un fichier CSV</h2>

    <div class="alert alert-info">
        <h4 class="alert-heading text-center">Guide d'importation</h4>

        <p>Pour un import réussi, votre fichier CSV doit contenir <strong>au minimum</strong> les colonnes suivantes :</p>

        <ul class="mb-3">
            <li><strong>Raison sociale</strong> — Nom de l’entreprise</li>
            <li><strong>SIRET</strong> — 14 chiffres, sans espace</li>
            <li><strong>Montant en €</strong> — Montant versé</li>
            <li><strong>Établissement</strong> — Nom concerné</li>
            <li><strong>Détail de l’attribution</strong> — Infos complémentaires</li>
            <li><strong>État du versement</strong> — <span class="text-success font-weight-bold">Uniquement "Payé"</span></li>
            <li><strong>Date de versement</strong> — Format <code>JJ/MM/AAAA</code> (ex : 15/03/2023)</li>
        </ul>

        <p class="text-danger font-weight-bold">⚠️ Le numéro SIRET ne doit pas être écrit en notation scientifique (ex : 1.2345E+13).</p>

        <h6 class="mt-4">Détails techniques</h6>
        <ul>
            <li>Format : <strong>CSV</strong> (export tableur)</li>
            <li>Séparateurs acceptés : <code>,</code> ou <code>;</code></li>
        </ul>

        <h6 class="mt-4">Ignoré automatiquement</h6>
        <ul>
            <li>SIRET non valide (≠ 14 chiffres)</li>
            <li>Date invalide ou non reconnue</li>
            <li>État ≠ "Payé"</li>
            <li>Doublon : même SIRET + même date</li>
        </ul>

        <p class="mt-3 text-muted"><strong>ℹ️ Bon à savoir :</strong> Si votre fichier contient d'autres colonnes, ce n’est pas un problème — seules celles listées ci-dessus seront prises en compte.</p>
        <p class="mt-4 text-center">
        📥 <a href="{{ asset('uploads/modele_import.xlsx') }}" 
          download="modele_import.xlsx" 
          class="text-primary text-decoration-underline fw-semibold cursor-pointer">
        Télécharger le modèle Excel
         </a>
        </p>
    </div>

    {{ form_start(form, { 'attr': { 'class': 'form-horizontal', 'data-turbo': 'false' } }) }}

    {% for error in form.csv_file.vars.errors %}
        <div class="alert alert-danger text-center">
            {{ error.message }}
        </div>
    {% endfor %}

    <div class="form-group text-center mt-4">
        {{ form_label(form.csv_file, ' Sélectionner un fichier CSV', { 'label_attr': {'class': 'col-form-label'} }) }}
        {{ form_widget(form.csv_file, { 'attr': {'class': 'form-control-file'} }) }}
    </div>

    <div class="d-flex justify-content-center mt-4">
        <button class="btn btn-primary px-4" type="submit">Importer</button>
    </div>

    {{ form_end(form) }}
</div>
{% endblock %}