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

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

{% block body %}

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Sélectionnez un fichier</h3>
            </div>
            <div class="card-body">

                {% for message in app.flashes('success') %}
                    <div class="alert alert-success">
                        <i class="icon fas fa-check"></i> {{ message }}
                    </div>
                {% endfor %}

                {% if form_errors(form)|default %}
                    {{ form_errors(form) }}
                {% endif %}

                <div class="callout callout-info import-callout">
                    <h5>Pour importer votre fichier Excel (.xls), veuillez respecter le format suivant :</h5>
                    <span class="badge badge-primary">ID Expert-Comptable</span> |
                    <span class="badge badge-primary">ID Réviseur</span> |
                    <span class="badge badge-primary">Code dossier</span> |
                    <span class="badge badge-primary">Raison sociale</span> |
                    <span class="badge badge-primary">Siret</span> |
                    <span class="badge badge-primary">Code NAF</span> |
                    <span class="badge badge-primary">Adresse</span> |
                    <span class="badge badge-primary">Code postal</span> |
                    <span class="badge badge-primary">Ville</span> |
                    <span class="badge badge-primary">Nom dirigeant</span> |
                    <span class="badge badge-primary">Prénom dirigeant</span> |
                    <span class="badge badge-primary">Tél dirigeant</span> |
                    <span class="badge badge-primary">E-mail dirigeant</span> |
                    <span class="badge badge-primary">Compta d'engagement (1 = Oui, 0 = Non)</span>

                    <p class="mt-3">Vous pouvez égaelement modifier ce &nbsp;&nbsp;<a href="/ressources/pilotguard-exemple-import-client.xlsx?t={{ 'now'|date('U') }}" target="_blank"><i class="fas fa-download"></i> fichier d'exemple</a></p>
                </div>

                <hr>

                {{ form_start(form) }}
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-error">
                                {{ form_errors(form.file) }}
                            </div>
                            <label for="clientFile">{{ field_label(form.file) }}</label>
                            <small>{{ form_help(form.file) }}</small>
                            <div class="custom-file mb-3">
                                <input type="file" name="{{ field_name(form.file) }}" class="custom-file-input" accept=".xls, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" id="clientFile">
                                <label class="custom-file-label" for="clientFile">Parcourir</label>
                            </div>

                            {{ form_row(form.hasHeaders) }}
                        </div>
                    </div>
                    <button class="btn btn-primary">{{ button_label|default('Lancer l\'import') }}</button>

                {{ form_end(form) }}

            </div>
        </div>
    </div>
</div>

{% endblock %}