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

{% block content_title %}Importer des prospects{% endblock %}

{% block page_actions %}
    <a href="{{ urlListe }}" class="btn btn-secondary">
        <i class="fa fa-arrow-left"></i> Retour aux prospects
    </a>
{% endblock %}

{% block main %}
<div class="import-bloc">
    <h2>Fichier CSV</h2>

    <p class="import-aide">
        Depuis Excel ou Google Sheets, enregistre ta feuille au format
        <strong>CSV</strong>. Le séparateur point-virgule ou virgule est
        reconnu automatiquement, les accents aussi.
    </p>

    <p class="import-aide">
        Les colonnes sont reconnues par leur intitulé, quel que soit leur ordre :
        <code>Entreprise</code>, <code>Site</code>, <code>Secteur</code>,
        <code>Ville</code>, <code>Contact</code>, <code>Fonction</code>,
        <code>Mail</code>, <code>Téléphone</code>, <code>CA</code>,
        <code>Note Google</code>, <code>5 points techniques</code>,
        <code>5 points SEO</code>, <code>Argument refonte</code>,
        <code>Statut</code>, <code>Dernier contact</code>,
        <code>Prochaine action</code>, <code>Date relance</code>.
        Seule <code>Entreprise</code> est indispensable.
    </p>

    <form method="post" enctype="multipart/form-data" class="import-form">
        <label for="fichier">Fichier</label>
        <input id="fichier" type="file" name="fichier" accept=".csv,text/csv" required>

        <label for="etape">Étape par défaut</label>
        <select id="etape" name="etape">
            {% for etape in etapes %}
                <option value="{{ etape.value }}">{{ etape.label }}</option>
            {% endfor %}
        </select>
        <p class="import-aide">
            Utilisée seulement si la ligne n'a pas de colonne <code>Statut</code>
            exploitable. Importe une feuille à la fois pour rester maître de l'étape.
        </p>

        <label class="import-case">
            <input type="checkbox" name="activites" value="1" checked>
            <span>Créer les activités à partir de « Dernier contact » et « Prochaine action »</span>
        </label>

        <input type="hidden" name="_token" value="{{ csrf_token('import_prospects') }}">
        <button type="submit" class="btn btn-primary">Importer</button>
    </form>

    <p class="import-avert">
        Les lignes dont l'entreprise existe déjà <strong>mettent à jour</strong>
        la fiche au lieu d'en créer une seconde. Le rapprochement se fait sur le
        nom exact.
    </p>

    {% if rapport %}
        <div class="import-rapport">
            <h2>Résultat</h2>
            <ul>
                <li><strong>{{ rapport.crees }}</strong> prospect(s) créé(s)</li>
                <li><strong>{{ rapport.majs }}</strong> mis à jour</li>
                <li><strong>{{ rapport.ignores }}</strong> ignoré(s)</li>
            </ul>

            {% if rapport.erreurs is not empty %}
                <h3>Lignes non importées</h3>
                <ul class="import-erreurs">
                    {% for erreur in rapport.erreurs %}
                        <li>{{ erreur }}</li>
                    {% endfor %}
                </ul>
            {% endif %}
        </div>
    {% endif %}
</div>
{% endblock %}