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

{% block title %}Importer une mercuriale{% endblock %}

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

{% if errors is defined and errors|length > 0 %}
    {% for e in errors %}
        <div class="alert alert-danger">{{ e }}</div>
    {% endfor %}
{% endif %}

<div class="row g-4">

    {# ── Formulaire d'import ─────────────────────────────────────────────── #}
    <div class="col-lg-7">
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-header bg-transparent fw-semibold py-3">
                <i class="fas fa-upload me-2 text-primary"></i>Choisir le fichier
            </div>
            <div class="card-body p-4">
                <form method="post" enctype="multipart/form-data" action="{{ path('tenant_mercuriales_import') }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('mercuriale_import') }}">

                    <div class="mb-3">
                        <label for="fournisseur_id" class="form-label fw-semibold">Fournisseur de cette mercuriale</label>
                        <select id="fournisseur_id" name="fournisseur_id" class="form-select">
                            <option value="">— Non spécifié —</option>
                            {% for f in fournisseurs %}
                                <option value="{{ f.id }}">{{ f.nom }}</option>
                            {% endfor %}
                        </select>
                        <div class="form-text">S'il n'y a pas de colonne <code>fournisseur</code> dans le fichier, ce fournisseur sera attribué à tous les produits importés.</div>
                    </div>

                    <div class="mb-3">
                        <label for="fichier" class="form-label fw-semibold">
                            Fichier CSV, Excel (.xlsx, .xls) ou ODS <span class="text-danger">*</span>
                        </label>
                        <input type="file" id="fichier" name="fichier" class="form-control"
                               accept=".csv,.xlsx,.xls,.ods" required>
                        <div class="form-text">Taille max : 10 Mo. Encodage UTF-8 recommandé pour les CSV.</div>
                    </div>

                    <div class="d-grid mt-4">
                        <button type="submit" class="btn btn-success btn-lg">
                            <i class="fas fa-file-import me-2"></i>Lancer l'import
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {# ── Aide format ─────────────────────────────────────────────────────── #}
    <div class="col-lg-5">
        <div class="card border-0 shadow-sm rounded-3 mb-3">
            <div class="card-header bg-transparent fw-semibold py-3">
                <i class="fas fa-info-circle me-2 text-info"></i>Format attendu
            </div>
            <div class="card-body p-3">
                <p class="small mb-2">La <strong>première ligne</strong> doit être l'en-tête. Les colonnes reconnues :</p>
                <table class="table table-sm table-bordered small mb-0">
                    <thead class="table-light">
                        <tr><th>Colonne</th><th>En-têtes reconnus</th><th></th></tr>
                    </thead>
                    <tbody>
                        <tr><td><strong>Nom produit</strong></td><td><code>nom_produit</code>, nom, désignation, libellé</td><td><span class="badge bg-danger">Requis</span></td></tr>
                        <tr><td><strong>Prix HT</strong></td><td><code>prix_unitaire_ht</code>, prix_ht, pu_ht</td><td><span class="badge bg-danger">Requis</span></td></tr>
                        <tr><td>Prix TTC</td><td><code>prix_unitaire_ttc</code>, prix_ttc</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>TVA</td><td><code>taux_tva</code>, tva</td><td><span class="badge bg-secondary">Défaut : 5.5 %</span></td></tr>
                        <tr><td>Catégorie</td><td><code>categorie</code>, famille</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>Unité</td><td><code>unite</code></td><td><span class="badge bg-secondary">Défaut : kg</span></td></tr>
                        <tr><td>Conditionnement</td><td><code>conditionnement</code>, packaging</td><td><span class="badge bg-secondary">Ajouté à la description</span></td></tr>
                        <tr><td>Référence</td><td><code>reference_fournisseur</code>, reference, ref, code</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>Description</td><td><code>description</code>, commentaire</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>Origine</td><td><code>origine</code>, provenance</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>Bio</td><td><code>bio</code>, biologique</td><td><span class="badge bg-secondary">1 / oui / x</span></td></tr>
                        <tr><td>Label</td><td><code>label</code>, certification</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>Allergènes</td><td><code>allergenes</code>, allergène</td><td><span class="badge bg-secondary">Optionnel</span></td></tr>
                        <tr><td>DLC (jours)</td><td><code>dlc_jours</code>, dlc</td><td><span class="badge bg-light text-muted border">Ignoré</span></td></tr>
                    </tbody>
                </table>
                <div class="mt-3 p-2 bg-light rounded small">
                    <strong>Notes :</strong>
                    <ul class="mb-0 ps-3">
                        <li>Séparateur CSV : <code>;</code> ou <code>,</code> (détecté automatiquement)</li>
                        <li>Les prix peuvent utiliser <code>,</code> ou <code>.</code> comme décimale</li>
                        <li>Si seul le prix TTC est fourni, le HT est calculé automatiquement selon la TVA</li>
                        <li>Si aucune colonne <code>fournisseur</code>, le fournisseur sélectionné dans le formulaire est utilisé</li>
                        <li>Les colonnes inconnues sont simplement ignorées</li>
                    </ul>
                </div>
            </div>
        </div>

        {% if fournisseurs|length > 0 %}
        <div class="card border-0 shadow-sm rounded-3">
            <div class="card-header bg-transparent fw-semibold py-3 small">
                <i class="fas fa-truck me-2 text-muted"></i>Fournisseurs disponibles
            </div>
            <div class="card-body p-3">
                <div class="d-flex flex-wrap gap-1">
                {% for f in fournisseurs %}
                    <span class="badge bg-light text-dark border">{{ f.nom }}</span>
                {% endfor %}
                </div>
            </div>
        </div>
        {% endif %}
    </div>

</div>

{# ── Exemple CSV téléchargeable ─────────────────────────────────────────── #}
<div class="card border-0 shadow-sm rounded-3 mt-4">
    <div class="card-header bg-transparent fw-semibold py-3 small">
        <i class="fas fa-file-csv me-2 text-success"></i>Exemple de fichier CSV
    </div>
    <div class="card-body p-3">
        <pre class="bg-light rounded p-3 small mb-2">reference_fournisseur;nom_produit;description;unite;conditionnement;prix_unitaire_ht;prix_unitaire_ttc;taux_tva;categorie;origine;bio;label;allergenes
TOM001;Tomates rondes;Tomates bio de saison;kg;Cagette 5kg;3.50;4.20;20;Légumes;France;1;AB;Aucun
POU001;Poulet fermier;Poulet entier fermier;kg;;8.50;10.20;5.5;Volailles fraiches;France;0;Label Rouge;Gluten
FAR001;Farine T55;Farine de blé T55;kg;Paquet 1kg;0.90;1.08;5.5;Épicerie;France;0;;Gluten</pre>
        <a href="data:text/csv;charset=utf-8,reference_fournisseur%3Bnom_produit%3Bdescription%3Bunite%3Bconditionnement%3Bprix_unitaire_ht%3Bprix_unitaire_ttc%3Btaux_tva%3Bcategorie%3Borigine%3Bbio%3Blabel%3Ballergenes%0ATOM001%3BTomates+rondes%3BTomates+bio+de+saison%3Bkg%3BCagette+5kg%3B3.50%3B4.20%3B20%3BL%C3%A9gumes%3BFrance%3B1%3BAB%3BAucun%0APOU001%3BPoulet+fermier%3BPoulet+entier+fermier%3Bkg%3B%3B8.50%3B10.20%3B5.5%3BVolailles+fraiches%3BFrance%3B0%3BLabel+Rouge%3BGluten%0AFAR001%3BFarine+T55%3BFarine+de+bl%C3%A9+T55%3Bkg%3BPaquet+1kg%3B0.90%3B1.08%3B5.5%3B%C3%89picerie%3BFrance%3B0%3B%3BGluten"
           download="modele_mercuriale.csv"
           class="btn btn-sm btn-outline-success">
            <i class="fas fa-download me-1"></i>Télécharger le modèle CSV
        </a>
    </div>
</div>
{% endblock %}