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

{% block title %}Nouvel import — VIIZIA{% endblock %}

{% block body %}
{% from 'admin/organization/_form.html.twig' import field, select_field %}

<nav class="breadcrumb is-small" aria-label="breadcrumbs">
    <ul>
        <li><a href="{{ path('admin_imports_index') }}">Imports</a></li>
        <li class="is-active"><a href="#" aria-current="page">Nouveau</a></li>
    </ul>
</nav>

<div class="level">
    <div class="level-left">
        <div>
            <p class="title is-4">
                <span class="icon-text">
                    <span class="icon"><i class="ti ti-upload"></i></span>
                    <span>Nouvel import</span>
                </span>
            </p>
            <p class="subtitle is-6 has-text-grey">
                Compte + un CSV/TXT ou un PDF · ou jusqu’à 20 PDF d’un coup
            </p>
        </div>
    </div>
</div>

<div class="box">
    <ol class="steps">
        <li><strong>1. Charger</strong> — compte + un fichier (<code>.csv</code>/<code>.txt</code>/<code>.pdf</code>) ou plusieurs <code>.pdf</code></li>
        <li class="has-text-grey">2a. CSV → mapping puis import automatique · 2b. PDF → validation ligne par ligne</li>
        <li class="has-text-grey">3. Rapport d’import</li>
    </ol>
</div>

{{ form_start(form, {'attr': {'novalidate': 'novalidate', 'enctype': 'multipart/form-data'}}) }}

    {% if form.vars.errors|length > 0 %}
        <div class="notification is-danger is-light">
            <span class="icon"><i class="ti ti-alert-circle"></i></span>
            <strong>Le formulaire contient des erreurs :</strong>
            <ul class="mt-2">
                {% for error in form.vars.errors %}<li>{{ error.message }}</li>{% endfor %}
            </ul>
        </div>
    {% endif %}

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="ti ti-building-bank"></i></span>
                <span>Compte cible</span>
            </span>
        </h3>

        {{ select_field(form.bankAccount) }}
    </div>

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="ti ti-file-spreadsheet"></i></span>
                <span>Fichier source</span>
            </span>
        </h3>

        <div class="field">
            <label class="label" for="{{ form.file.vars.id }}">{{ form.file.vars.label }}</label>
            <div class="control">
                {{ form_widget(form.file, {'attr': {'class': 'input'}}) }}
            </div>
            {% if form.file.vars.errors|length > 0 %}
                <p class="help is-danger">
                    {% for error in form.file.vars.errors %}{{ error.message }}<br>{% endfor %}
                </p>
            {% endif %}
            <p class="help">
                Un fichier seul : <code>.csv</code>, <code>.txt</code> ou <code>.pdf</code>. Sélection multiple : uniquement des <code>.pdf</code>, même compte, jusqu’à 20 fichiers, 10 Mo chacun. Après upload, ouvrez chaque ligne « validation ligne par ligne » dans la liste des imports.
            </p>
        </div>
    </div>

    <div class="field is-grouped">
        <div class="control">
            <button type="submit" class="button is-primary">
                <span>Continuer</span>
                <span class="icon"><i class="ti ti-arrow-right"></i></span>
            </button>
        </div>
        <div class="control">
            <a href="{{ path('admin_imports_index') }}" class="button is-light">Annuler</a>
        </div>
    </div>

{{ form_end(form) }}
{% endblock %}