{% extends base_template %}

{% import _self as macros %}

{% block actions %}
{% endblock %}
{% block breadcrumb %}{% endblock %}
{%- block tab_menu -%}
    {{ knp_menu_render(admin.sidemenu(action), {
        'currentClass': 'active',
        'template': get_global_template('tab_menu_template')
    }, 'twig') }}
{%- endblock -%}

{% block title %}
    {{ 'Import de données'|trans }}
{% endblock %}

{% block sonata_admin_content_actions_wrappers %}
    	<div class="navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
			    <li>
			        <a class="sonata-action-element" href="{{ admin.generateUrl('list') }}">
			            <i class="fa fa-list" aria-hidden="true"></i>
			            {{ 'Liste des imports'|trans }}
			        </a>
			    </li>
			</ul>
		</div>
	{% endblock sonata_admin_content_actions_wrappers %}

{% block navbar_title %}
    {{ block('title') }}
{% endblock %}

{% block content %}
    <div class="container-fluid px-4" id="import-form-wrapper">

        {# ── Section 1 : Instructions (repliable) ── #}
        <div class="card mb-4">
            <div class="card-header import-card-header import-card-header--collapsible" data-bs-toggle="collapse" data-bs-target="#import-instructions" aria-expanded="true">
                <i class="fa fa-info-circle me-2"></i>
                <strong>{{ 'Recommandations et instructions'|trans }}</strong>
                <i class="fa fa-chevron-down float-end mt-1"></i>
            </div>
            <div class="collapse show" id="import-instructions">
                <div class="card-body">
                    <ul class="mb-3 import-instructions-list">
                        <li>{{ "L'importation de données ne fonctionne qu'avec des fichiers .CSV, et ayant au moins les colonnes obligatoires (celle en rouge dans les fichiers d'instructions)"|trans }}</li>
                        <li>{{ "Pour que les accents et caractères spéciaux fonctionnent, il faut que le fichier soit enregistré avec l'encodage UTF-8. Votre tableur et/ou éditeur de texte doit vous le proposer lors de l'enregistrement/l'export du fichier !"|trans }}</li>
                        <li>{{ "L'ordre des colonnes n'a pas d'importance, mais les noms des colonnes utilisés dans la première ligne du fichier CSV ne sont pas modifiables."|trans }}</li>
                        <li>{{ "Pour chaque type de données à importer, vous pouvez télécharger des fichiers d'exemples et d'instructions .XLSX (Excel) et .NUMBERS (Mac), mais seul un fichier .CSV peut être importé !"|trans }}</li>
                        <li>{{ "Les gestionnaires (de comptoir, groupe et prestataire) correspondent aux adhérents ayant accès à l'interface d'administration !"|trans }}</li>
                        <li>{{ "Les contacts (de comptoir, groupe et prestataire) correspondent à des informations publiques permettant de contacter les comptoirs, groupes et prestataires, ils n'ont pas de compte crée avec leur email !"|trans }}</li>
                        <li>{{ "Pour les comptoirs, groupes et prestataires, vous pouvez ajouter un ou plusieurs gestionnaires (gestionnaire_email1, gestionnaire_email2), un ou plusieurs contacts par défaut visible en public (contact1, contact2) et jusqu'à 10 de chaque !"|trans }}</li>
                    </ul>

                    <h6 class="mb-3"><i class="fa fa-download me-1"></i> {{ 'Fichiers d\'exemples et d\'instructions'|trans }} :</h6>
                    <div class="table-responsive">
                        <table class="table table-sm table-bordered table-striped mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>{{ 'Type'|trans }}</th>
                                    <th class="text-center">Instructions .xlsx</th>
                                    <th class="text-center">Instructions .numbers</th>
                                    <th class="text-center">Exemple .csv</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for key, csvparam in csvparams %}
                                <tr>
                                    <td><strong>{{ key|capitalize }}(s)</strong>
                                    {% if csvparam.helper is defined and csvparam.helper is not empty %}
                                        <br /><em>{{ csvparam.helper }}</em>
                                    {% endif %}
                                    </td>
                                    <td class="text-center"><a class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer" href="{{ csvparam.filexls }}"><i class="fa fa-file-excel me-1"></i>.xlsx</a></td>
                                    <td class="text-center"><a class="btn btn-outline-secondary btn-sm" target="_blank" rel="noopener noreferrer" href="{{ csvparam.filenum }}"><i class="fa fa-file me-1"></i>.numbers</a></td>
                                    <td class="text-center"><a class="btn btn-outline-primary btn-sm" target="_blank" rel="noopener noreferrer" href="{{ csvparam.filecsv }}"><i class="fa fa-file-csv me-1"></i>.csv</a></td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {# ── Formulaire d'import (utilise form_row standard Symfony) ── #}
        {{ form_start(form, {'attr': {'class': 'sonata-ba-form'}}) }}

        {# ── Type d'import ── #}
        <div class="card mb-4">
            <div class="card-header import-card-header">
                <i class="fa fa-list-ul me-2"></i>
                <strong>{{ 'Choisir le type de données à importer'|trans }}</strong>
            </div>
            <div class="card-body import-type-section">
                {{ form_row(form.type, {'label': false}) }}
            </div>
        </div>

        {# ── Options ── #}
        <div class="card mb-4">
            <div class="card-header import-card-header">
                <i class="fa fa-cogs me-2"></i>
                <strong>{{ 'Options'|trans }}</strong>
            </div>
            <div class="card-body import-options-section py-3">
                {{ form_row(form.sendemail) }}
                {{ form_row(form.test) }}
            </div>
        </div>

        {# ── Fichier CSV ── #}
        <div class="card mb-4">
            <div class="card-header import-card-header">
                <i class="fa fa-file-upload me-2"></i>
                <strong>{{ 'Fichier .csv à importer'|trans }}</strong>
            </div>
            <div class="card-body">
                {{ form_row(form.media, {'label': false}) }}
            </div>
        </div>

        {{ form_errors(form) }}
        {{ form_row(form.user) }}

        {# ── Bouton de soumission ── #}
        <div class="sonata-ba-form-actions well well-small form-actions mb-4 import-form-actions">
            {{ form_widget(form.save, {'attr': {'class': 'btn btn-success btn-lg'}}) }}
        </div>

        {{ form_end(form) }}

        {# ── Résultats d'import ── #}
        {% if errors is defined and errors|length > 0 %}
            <div class="alert alert-danger py-3">
                <h6 class="alert-heading"><i class="fa fa-exclamation-triangle me-1"></i> {{ 'Erreurs'|trans }}</h6>
                {% if errors['error'] is defined %}
                    {{ errors['error'] }}
                {% else %}
                    {{ macros.show_error(errors) }}
                {% endif %}
            </div>
        {% endif %}
        {% if warnings is defined and warnings|length > 0 %}
            <div class="alert alert-warning py-3">
                <h6 class="alert-heading"><i class="fa fa-exclamation-circle me-1"></i> {{ 'Avertissements'|trans }}</h6>
                {{ macros.show_error(warnings) }}
            </div>
        {% endif %}
        {% if success is defined and success|length > 0 %}
            <div class="alert alert-success py-3">
                <h6 class="alert-heading"><i class="fa fa-check-circle me-1"></i> {{ 'Succès'|trans }}</h6>
                {{ macros.show_error(success) }}
            </div>
        {% endif %}
        {% if linkcsverror is defined and linkcsverror != null %}
            <div class="mb-4">
                <a href="{{ linkcsverror }}" role="button" class="btn btn-danger">
                    <i class="fa fa-download me-1"></i> {{ 'Télécharger CSV avec lignes en erreurs'|trans }}
                </a>
            </div>
        {% endif %}
    </div>
{% endblock %}

{% macro show_error(errors) %}
	{% for line, errorA in errors %}
		<div class='col-12'>
			<span>Ligne {{line}}</span>
			{% for key, errorB in errorA %}
				{% for csvline, errorString in errorB %}
					<span class="ps-2">{% if (key is not empty) %}[{{key}}]{% endif %}{{errorString}}</span>
				{% endfor %}
			{% endfor %}
		</div>
	{% endfor %}
{% endmacro %}