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

{% block title %}Importer des contacts parents{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 fw-bold page-title mb-0">
        <i class="fas fa-file-import me-2"></i>Importer des contacts parents
    </h1>
    <a href="{{ path('tenant_contacts_parents_index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i>Retour
    </a>
</div>

<div class="row g-4">
    {# ── Formulaire d'import ── #}
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
                <h5 class="fw-bold mb-3"><i class="fas fa-upload me-2 text-primary"></i>Choisir le fichier</h5>
                <form method="post" enctype="multipart/form-data">
                    <input type="hidden" name="_token" value="{{ csrf_token('contact_parent_import') }}">

                    <div class="mb-4">
                        <label class="form-label fw-semibold">Fichier CSV ou Excel <span class="text-danger">*</span></label>
                        <input type="file" name="fichier" class="form-control" required
                               accept=".csv,.xlsx,.xls,.ods">
                        <small class="text-muted">Formats acceptés : .csv, .xlsx, .xls, .ods</small>
                    </div>

                    <div class="alert alert-info d-flex gap-2 align-items-start">
                        <i class="fas fa-info-circle mt-1"></i>
                        <div>
                            Les contacts dont l'<strong>email est déjà présent</strong> en base seront ignorés (pas de doublon).<br>
                            Tous les nouveaux contacts seront ajoutés avec le statut <strong>Actif</strong>.
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-file-import me-1"></i>Lancer l'import
                    </button>
                </form>
            </div>
        </div>
    </div>

    {# ── Documentation du format ── #}
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
                <h5 class="fw-bold mb-3"><i class="fas fa-table me-2 text-secondary"></i>Format attendu</h5>
                <p class="text-muted small mb-3">
                    La première ligne doit être l'en-tête. Seule la colonne <code>email</code> est obligatoire,
                    les autres sont optionnelles.
                </p>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered small mb-3">
                        <thead class="table-light">
                            <tr>
                                <th>Colonne</th>
                                <th>Noms acceptés</th>
                                <th>Obligatoire</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td><code>email</code></td><td>email, e-mail, mail, courriel</td><td><span class="badge bg-danger">Oui</span></td></tr>
                            <tr><td><code>nom_parent</code></td><td>nom_parent, nom, name</td><td><span class="badge bg-secondary">Non</span></td></tr>
                            <tr><td><code>prenom_parent</code></td><td>prenom_parent, prenom, prénom, firstname</td><td><span class="badge bg-secondary">Non</span></td></tr>
                            <tr><td><code>eleve_nom</code></td><td>eleve_nom, eleve, élève, enfant, child</td><td><span class="badge bg-secondary">Non</span></td></tr>
                            <tr><td><code>notes</code></td><td>notes, note, remarques</td><td><span class="badge bg-secondary">Non</span></td></tr>
                        </tbody>
                    </table>
                </div>

                <h6 class="fw-semibold mt-3">Exemple CSV (séparateur ; ou ,)</h6>
                <pre class="bg-light rounded p-3 small mb-0">email;nom_parent;prenom_parent;eleve_nom;notes
dupont@exemple.fr;Dupont;Marie;Emma Dupont;parent 1
martin@exemple.fr;Martin;Jean;Lucas Martin;
leroy@exemple.fr;Leroy;Sophie;Léa Leroy;tuteur légal</pre>
            </div>
        </div>
    </div>
</div>
{% endblock %}