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

{% block body %}
    {% include 'breadcrumb.html.twig' %}
    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-lg-6">

                            <div class="card ">
                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Importer des élèves depuis un fichier</h4>
                                </div>
                                <div class="card-body">

                                    {#{% if app.request.method == "POST"%}
                                        {% if succes is defined and succes !=0 %}
                                            <h4><i class="fa fa-check colorgreen"></i> {{ succes }} enregistrements terminés avec succès !</h4><hr/>
                                        {% endif %}
                                        {% if erreurs is defined and erreurs is not empty %}
                                            <h4><i class="fa fa-times colorred"></i> Des erreurs ont été détectées dans le fichier !</h4>
                                            {%  for erreur in erreurs %}
                                                <p>{{ erreur }}</p><hr/>
                                            {%  endfor %}<br/>
                                        {% endif %}
                                    {% endif %}#}
                                    <div class="docImport mb-5">
                                        <h4>Informations</h4>
                                        <ul class="m-0">
                                            <li>9 colonnes à remplir pour chaque utilisateur. 1 utilisteur = 1 ligne.</li>
                                            <li>Les colonnes "nom", "prenom", "email", "ville", "adresse" et "code_postal" sont des champs de textes libres. Lettres et chiffres acceptés.</li>
                                            <li>
                                                La colonne "nationalite" doit être remplie avec les nationalitées enregistrées en base de données.<br>
                                                La liste de celles-ci est visible à <a href="{{ path('user_nationalite_index') }}" target="_blank">cette page</a>.<br>
                                                Plusieurs nationalités possibles, chaque nationalité doit être séparée d'une virgule.<br>
                                                Exemple : Francais(e), Anglais(e)
                                            </li>
                                            <li>
                                                Pour la colonne "pays", même chose que pour les nationalités.<br>
                                                La liste des pays est visible à <a href="{{ path('user_pays_index') }}" target="_blank">cette page</a>.<br>
                                                Un seul pays autorisé.<br>
                                                Exemple : France
                                            </li>
                                            <li>
                                                La colonne "type" doit être renseignée par une (et une seule) des propositions suivantes : prod, demo ou test.<br>
                                                Exemple : prod
                                            </li>
                                            <li>
                                                Les colonnes "pays", "ville", "adresse", "code_postal", et "client" sont optionnelles.
                                            </li>
                                            <li>
                                                Après importation, un detail de erreurs vous est remonté. Il indique le nombre d'enregistrements effectués et ceux annulés à cause de données mal renseignées ou de doublons.
                                            </li>
                                            <li>
                                                Vous pouvez simuler un test. L'importation ne fera aucun enregistrement en base de données, mais le détail des erreurs du fichier vous sera remonté.
                                            </li>
                                        </ul>
                                        <a href="{{ asset('Documents/Users_import.csv') }}"
                                           download="Users import.csv"
                                           class="download">
                                            Télécharger le fichier .csv à remplir
                                        </a>
                                    </div>
                                    {{ form_start(form, {'method': 'post', 'action': path('user_utilisateur_import')}) }}
                                        {{ form_label(form.fichier, 'Fichier ') }}
                                        {{ form_widget(form.fichier, {'attr': {'class': 'form-control-file', 'accept': '.csv'}}) }}<br/>
                                        <div class=" ui checkbox mb-2">
                                            {{ form_label(form.test, 'Faire un test ') }}
                                            {{ form_widget(form.test, {'attr': {'class': 'ui checkbox'}}) }}
                                        </div>
                                    <div>
                                        <input type="submit" value="Importer" class="btn btn-primary btn-flat m-b-30 m-t-30 float-right" />
                                    </div>
                                    {{  form_end(form) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 {% if succes is not defined or erreurs is not defined %}d-none{% endif %}">
                            <div class="card ">
                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Détails des erreurs</h4>
                                </div>
                                <div class="card-body">
                                    {% if app.request.method == "POST"%}
                                        {% if succes is defined and succes !=0 %}
                                            <h4><i class="fa fa-check colorgreen"></i> {{ succes }} enregistrements terminés avec succès !</h4><hr/>
                                        {% endif %}
                                        {% if erreurs is defined and erreurs is not empty %}
                                            <h4><i class="fa fa-times colorred"></i> Des erreurs ont été détectées dans le fichier !</h4>
                                            {%  for erreur in erreurs %}
                                                <p>{{ erreur }}</p><hr/>
                                            {%  endfor %}<br/>
                                        {% endif %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}