{% extends 'base.html.twig' %}
{% import 'lecture/_macros.html.twig' as m %}

{% block title %}Modifier {{ f.code }}{% endblock %}

{% block body %}
    <p class="barre">
        <a href="{{ path('edition_index') }}">← Suivi des fiches</a>
        <a class="bouton bouton-secondaire" href="{{ path('app_fiche', {code: f.code}) }}">Voir la fiche N1</a>
    </p>

    <header class="fiche-titre">
        <h1><span class="code">{{ f.code }}</span> {{ f.libelle }}</h1>
        <p class="meta">
            <span>{{ f.flux }} ({{ f.flux == 'Export' ? 'ERP → boutique' : 'boutique → ERP' }})</span>
            <span>{{ f.donnee }}</span><span>{{ f.type }}</span>
            {{ m.etat(f.etat) }}
        </p>
        <p class="discret">Code, flux, donnée, type et libellé viennent de la matrice Excel : les modifier dans l'Excel puis réimporter.</p>
    </header>

    {# ---------- Contenu rédigé ---------- #}
    <section class="bloc formulaire" id="contenu">
        <h2>Contenu de la fiche</h2>

        <form method="get" action="{{ path('edition_fiche', {code: f.code}) }}" class="preremplir">
            <label>Préremplir depuis une autre fiche (champs vides seulement)
                <select name="depuis">
                    <option value="">— Choisir —</option>
                    {% for autre in toutes %}{% if autre is not same as(f) %}
                        <option value="{{ autre.code }}" {{ prerempli and prerempli.code == autre.code ? 'selected' }}>{{ autre.code }} – {{ autre.libelle|length > 70 ? autre.libelle|slice(0, 70) ~ '…' : autre.libelle }}{{ autre.reponseType or autre.description ? '' : ' (vide)' }}</option>
                    {% endif %}{% endfor %}
                </select>
            </label>
            <button type="submit" class="bouton bouton-secondaire">Préremplir</button>
        </form>
        {% if prerempli %}
            <p class="flash {{ prerempli.copies is empty ? 'flash-erreur' : 'flash-succes' }}">
                {% if prerempli.copies is empty %}
                    Rien à copier depuis {{ prerempli.code }} : les champs sont déjà remplis ici, ou vides dans {{ prerempli.code }}.
                {% else %}
                    Copié depuis {{ prerempli.code }} : {{ prerempli.copies|join(', ') }}.
                    <strong>Rien n'est enregistré</strong> : adaptez puis cliquez sur « Enregistrer ».
                {% endif %}
            </p>
        {% endif %}

        {{ form_start(form) }}
            {{ form_errors(form) }}
            {{ form_row(form.description) }}
            {{ form_row(form.motsCles) }}
            <div class="grille-2">
                {{ form_row(form.escaladeQuand) }}
                {{ form_row(form.escaladePieces) }}
            </div>
            {{ form_row(form.reponseType) }}
            <div class="grille-3">
                {{ form_row(form.etat) }}
                {{ form_row(form.versionAtoo) }}
                {{ form_row(form.verifieeLe) }}
            </div>
            <p class="actions">
                <button type="submit" class="bouton">Enregistrer</button>
                {% if suivante %}
                    <button type="submit" name="suivante" value="1" class="bouton bouton-secondaire">Enregistrer et passer à {{ suivante.code }}</button>
                {% endif %}
            </p>
        {{ form_end(form) }}
    </section>

    {# ---------- Emplacements ---------- #}
    <section class="bloc" id="emplacements">
        <h2>Où trouver la donnée</h2>
        <p class="actions">
            <a class="bouton" href="{{ path('edition_emplacement_nouveau', {code: f.code, logiciel: erp.code}) }}">+ Emplacement {{ erp.nom }}</a>
            <a class="bouton" href="{{ path('edition_emplacement_nouveau', {code: f.code, logiciel: cms.code}) }}">+ Emplacement {{ cms.nom }}</a>
            <a class="bouton bouton-secondaire" href="{{ path('edition_emplacement_nouveau', {code: f.code}) }}">+ Autre logiciel</a>
        </p>
        <table class="liste">
            <thead><tr><th>Logiciel</th><th>Version</th><th>Chemin / champ</th><th>Capture</th><th>Source</th><th>État</th><th></th></tr></thead>
            <tbody>
            {% for e in emplacements %}
                <tr>
                    <td>{{ e.logiciel.nom }}</td>
                    <td>{{ e.versionLogiciel ?: 'Toutes' }}</td>
                    <td>{{ e.chemin }}{% if e.champ %}<br><span class="discret">Champ : {{ e.champ }}</span>{% endif %}
                        {% if e.referenceTechnique %}<br><code class="technique">{{ e.referenceTechnique }}</code>{% endif %}</td>
                    <td>{% if e.ecran %}
                            <a href="{{ path('edition_ecran', {id: e.ecran.id}) }}" title="Zones de la capture"><img class="vignette" src="{{ path('app_image', {id: e.ecran.id}) }}" alt="{{ e.ecran.titre }}" loading="lazy"></a>
                            {% if e.zone %}<br><span class="discret">Zone {{ e.zone.numero }}</span>{% endif %}
                            {% if not e.ecran.anonymisee %}<br><span class="etat etat-attention">Non visible N1</span>{% endif %}
                        {% else %}<span class="discret">–</span>{% endif %}</td>
                    <td class="discret">{{ e.source }}</td>
                    <td>{{ m.etat(e.etat) }}</td>
                    <td class="actions-ligne">
                        <a href="{{ path('edition_emplacement', {id: e.id}) }}">Modifier</a>
                        <a href="{{ path('edition_emplacement_dupliquer', {id: e.id}) }}" title="Copier vers une autre fonctionnalité, un autre logiciel ou une autre version">Dupliquer</a>
                        <form method="post" action="{{ path('edition_emplacement_supprimer', {id: e.id}) }}" onsubmit="return confirm('Supprimer cet emplacement ?');">
                            <input type="hidden" name="_token" value="{{ csrf_token('suppr_emplacement' ~ e.id) }}">
                            <button type="submit" class="lien-danger">Supprimer</button>
                        </form>
                    </td>
                </tr>
            {% else %}
                <tr><td colspan="7" class="vide">Aucun emplacement saisi.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </section>

    {% include 'edition/_parametrage.html.twig' %}

    {# ---------- Statuts ---------- #}
    <section class="bloc" id="statuts">
        <h2>Statuts par logiciel</h2>
        <p class="discret">Un statut modifié ici devient « saisi à la main » : l'import de la matrice ne l'écrasera plus (il le signalera s'il diffère).</p>
        <form method="post" action="{{ path('edition_statuts', {code: f.code}) }}">
            <input type="hidden" name="_token" value="{{ csrf_token('statuts' ~ f.code) }}">
            <table class="liste">
                <thead><tr><th>Logiciel</th><th>Statut</th><th>Origine</th></tr></thead>
                <tbody>
                {% for s in statuts %}
                    <tr>
                        <td>{{ s.logiciel.nom }} <span class="discret">({{ s.logiciel.cote.libelle }})</span></td>
                        <td>
                            <select name="statuts[{{ s.logiciel.code }}]">
                                <option value="">– Non renseigné</option>
                                {% for v in valeurs %}
                                    <option value="{{ v.value }}" {{ s.statut and s.statut.valeur is same as(v) ? 'selected' }}>{{ v.symbole }} {{ v.libelle }}</option>
                                {% endfor %}
                            </select>
                        </td>
                        <td>
                            {% if s.statut and s.statut.origine.value == 'manuel' %}
                                <span class="etat etat-attention">Saisi à la main</span>
                                <button type="submit" form="rendre-{{ s.statut.id }}" class="lien">Rendre à l'import</button>
                            {% elseif s.statut %}
                                <span class="discret">Matrice Excel</span>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <p class="actions"><button type="submit" class="bouton">Enregistrer les statuts</button></p>
        </form>
        {# Formulaires « Rendre à l'import » placés hors du formulaire principal #}
        {% for s in statuts %}
            {% if s.statut and s.statut.origine.value == 'manuel' %}
                <form id="rendre-{{ s.statut.id }}" method="post" action="{{ path('edition_statut_import', {id: s.statut.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('statut' ~ s.statut.id) }}">
                </form>
            {% endif %}
        {% endfor %}
    </section>

    {# ---------- Exceptions ---------- #}
    <section class="bloc" id="exceptions">
        <h2>Cas particuliers ERP × boutique</h2>
        <p class="discret">Par défaut, le statut d'un couple est le plus restrictif des deux (✘ &gt; 🛠 &gt; ✔). Une exception le remplace pour un couple précis.</p>
        {% if exceptions is not empty %}
            <table class="liste">
                <thead><tr><th>ERP</th><th>Boutique</th><th>Statut</th><th>Commentaire</th><th>Source</th><th></th></tr></thead>
                <tbody>
                {% for ex in exceptions %}
                    <tr>
                        <td>{{ ex.erp.nom }}</td><td>{{ ex.cms.nom }}</td>
                        <td>{{ m.statut(ex.valeur) }}</td>
                        <td>{{ ex.commentaire }}</td>
                        <td class="discret">{{ ex.source }}</td>
                        <td>
                            <form method="post" action="{{ path('edition_exception_supprimer', {id: ex.id}) }}" onsubmit="return confirm('Supprimer cette exception ?');">
                                <input type="hidden" name="_token" value="{{ csrf_token('suppr_exception' ~ ex.id) }}">
                                <button type="submit" class="lien-danger">Supprimer</button>
                            </form>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        {% endif %}

        <form method="post" action="{{ path('edition_exception', {code: f.code}) }}" class="formulaire ajout-exception">
            <input type="hidden" name="_token" value="{{ csrf_token('exception' ~ f.code) }}">
            <div class="grille-3">
                <label>ERP<select name="erp">{% for l in erps %}<option value="{{ l.code }}" {{ l is same as(erp) ? 'selected' }}>{{ l.nom }}</option>{% endfor %}</select></label>
                <label>Boutique<select name="cms">{% for l in cmss %}<option value="{{ l.code }}" {{ l is same as(cms) ? 'selected' }}>{{ l.nom }}</option>{% endfor %}</select></label>
                <label>Statut<select name="valeur">{% for v in valeurs %}<option value="{{ v.value }}">{{ v.symbole }} {{ v.libelle }}</option>{% endfor %}</select></label>
            </div>
            <label>Commentaire (affiché aux N1)<input type="text" name="commentaire" maxlength="1000"></label>
            <label>Source (obligatoire)<input type="text" name="source" required maxlength="255"></label>
            <p class="actions"><button type="submit" class="bouton">Ajouter ou mettre à jour l'exception</button></p>
        </form>
    </section>
{% endblock %}