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

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

{% block body %}
    <p class="barre"><a href="{{ path('app_accueil') }}">← Toutes les fonctionnalités</a>
        <a class="bouton bouton-secondaire" href="{{ path('edition_fiche', {code: f.code}) }}">Modifier la fiche</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>
            {% if erp.edition %}<span>{{ erp.edition.libelle }}</span>{% endif %}
            {{ m.etat(f.etat) }}
        </p>
    </header>

    {# ---------- Statut du couple ---------- #}
    <section class="bloc statut-couple st-fond-{{ statut.valeur ? statut.valeur.value : 'vide' }}">
        <h2>{{ erp.nom }} × {{ cms.nom }} : {{ m.statut(statut.valeur) }}</h2>
        {% if statut.exception %}
            <p>Cas particulier validé pour ce couple.
                {% if exception.commentaire %}{{ exception.commentaire }}{% endif %}
                <span class="source">Source : {{ exception.source }}</span></p>
        {% else %}
            <p class="discret">{{ erp.nom }} : {{ m.statut(statutErp) }} · {{ cms.nom }} : {{ m.statut(statutCms) }}
                — le statut retenu est le plus restrictif des deux.</p>
            {% if statut.incomplet %}
                <p class="alerte">Statut {{ statutErp is null ? erp.nom : cms.nom }} non renseigné dans la matrice : à confirmer par un N2 si le client insiste.</p>
            {% endif %}
        {% endif %}
        {% if statut.valeur and statut.valeur.value == 'sur_devis' %}
            <p>Nécessite un développement spécifique : orienter vers une demande de devis.</p>
        {% endif %}

        <details>
            <summary>Statut sur les autres logiciels</summary>
            <table class="autres">
                {% for a in autres %}
                    <tr><th>{{ a.logiciel.nom }}</th><td>{{ m.statut(a.valeur) }}</td></tr>
                {% endfor %}
            </table>
        </details>
    </section>

    {% if notes is not empty %}
        <section class="bloc">
            <h2>À savoir</h2>
            <ul>
                {% for n in notes %}
                    <li>{{ n.note.texte }}{% if n.logiciel %} <span class="discret">({{ n.logiciel.nom }})</span>{% endif %}</li>
                {% endfor %}
            </ul>
        </section>
    {% endif %}

    <section class="bloc">
        <h2>Description</h2>
        {% if f.description %}
            <div class="texte">{{ f.description|nl2br }}</div>
        {% else %}
            <p class="vide">Description non rédigée.</p>
        {% endif %}
    </section>

    {# ---------- Où trouver la donnée ---------- #}
    <section class="bloc">
        <h2>Où trouver la donnée</h2>
        <div class="deux-colonnes">
            {% for cote in [{titre: 'Côté ERP', l: erp, liste: emplacementsErp}, {titre: 'Côté boutique', l: cms, liste: emplacementsCms}] %}
                <div>
                    <h3>{{ cote.titre }} — {{ cote.l.nom }}</h3>
                    {% for e in cote.liste %}
                        <div class="emplacement">
                            <p class="chemin">{{ e.chemin }}</p>
                            {% if e.champ %}<p>Champ : <strong>{{ e.champ }}</strong></p>{% endif %}
                            {% if e.referenceTechnique %}
                                <p class="ligne-technique">Technique :
                                    {% if e.tableTechnique %}table <code class="technique">{{ e.tableTechnique }}</code>{% endif %}
                                    {% if e.champTechnique %}champ <code class="technique" id="tech-{{ e.id }}">{{ e.champTechnique }}</code>
                                        <button type="button" class="lien" data-copier="tech-{{ e.id }}" title="Copier le nom du champ">copier</button>{% endif %}
                                </p>
                            {% endif %}
                            {% if e.precisions %}<div class="texte">{{ e.precisions|nl2br }}</div>{% endif %}
                            {% if e.ecran and e.ecran.anonymisee %}{{ cap.capture(e.ecran, e.zone) }}{% endif %}
                            <p class="discret">
                                {{ e.versionLogiciel ? 'Version ' ~ e.versionLogiciel : 'Toutes versions' }}
                                · {{ m.etat(e.etat) }}
                                <span class="source">Source : {{ e.source }}</span>
                            </p>
                        </div>
                    {% else %}
                        <p class="vide">Emplacement non renseigné. Ne pas deviner : vérifier avec un N2.</p>
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
    </section>

    {# ---------- Paramétrage ---------- #}
    <section class="bloc">
        <h2>Paramétrage</h2>
        <div class="deux-colonnes">
            {% for bloc in [
                {titre: 'Dans Atoo-Sync — ' ~ erp.nom, liste: parametrage.atoosync},
                {titre: 'Dans le module ' ~ cms.nom, liste: parametrage.module}
            ] %}
                <div>
                    <h3>{{ bloc.titre }}</h3>
                    {% set visibles = bloc.liste|filter(c => c.ecran.anonymisee) %}
                    {% for c in visibles %}
                        <div class="etape-parametrage">
                            {% if c.legende or visibles|length > 1 %}<p><strong>{{ loop.index }}.</strong> {{ c.legende }}</p>{% endif %}
                            {{ cap.capture(c.ecran) }}
                        </div>
                    {% else %}
                        <p class="vide">Aucune capture de paramétrage.</p>
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
    </section>

    {# ---------- Erreurs fréquentes ---------- #}
    <section class="bloc">
        <h2>Erreurs fréquentes</h2>
        {% for e in erreurs %}
            <article class="erreur">
                <h3>{{ e.symptome }} {{ m.etat(e.etat) }}{% if e.escalader %} <span class="badge st-non_disponible">Escalader au N2</span>{% endif %}</h3>
                {% if e.messageExact %}<p>Message : <code>{{ e.messageExact }}</code></p>{% endif %}
                {% if e.cause %}<p><strong>Cause :</strong> {{ e.cause|nl2br }}</p>{% endif %}
                {% if e.solution %}<p><strong>Solution :</strong></p><div class="texte">{{ e.solution|nl2br }}</div>{% endif %}
                <p class="discret">
                    {{ e.logiciels is empty ? 'Tous logiciels' : e.logiciels|map(l => l.nom)|join(', ') }}
                    {% if e.ticketRef %}· Ticket {{ e.ticketRef }}{% endif %}
                    <span class="source">Source : {{ e.source }}</span>
                </p>
            </article>
        {% else %}
            <p class="vide">Aucune erreur fréquente enregistrée pour ce couple.</p>
        {% endfor %}
    </section>

    {# ---------- Escalade ---------- #}
    <section class="bloc">
        <h2>Quand escalader au N2</h2>
        {% if f.escaladeQuand %}
            <div class="texte">{{ f.escaladeQuand|nl2br }}</div>
            {% if f.escaladePieces %}
                <h3>À joindre au ticket</h3>
                <div class="texte">{{ f.escaladePieces|nl2br }}</div>
            {% endif %}
        {% else %}
            <p class="vide">Critères d'escalade non rédigés : en cas de doute, escalader.</p>
        {% endif %}
    </section>

    {# ---------- Réponse type ---------- #}
    <section class="bloc">
        <h2>Réponse type au client</h2>
        {% if f.reponseType %}
            <div id="reponse-type" class="texte reponse">{{ f.reponseType }}</div>
            <button type="button" class="bouton" data-copier="reponse-type">Copier la réponse</button>
        {% else %}
            <p class="vide">Réponse type non rédigée.</p>
        {% endif %}
    </section>

    {% if liens is not empty %}
        <section class="bloc">
            <h2>Documentation et tickets</h2>
            <ul>
                {% for l in liens %}
                    <li>
                        <span class="badge">{{ l.nature.libelle }}{% if l.motif %} · {{ l.motif.libelle }}{% endif %}</span>
                        {% if l.url %}<a href="{{ l.url }}" target="_blank" rel="noopener">{{ l.libelle }}</a>{% else %}{{ l.libelle }}{% endif %}
                        {% if l.ticketRef %}<span class="discret">n° {{ l.ticketRef }}</span>{% endif %}
                    </li>
                {% endfor %}
            </ul>
        </section>
    {% endif %}

    <footer class="fiche-pied discret">
        {% if f.versionAtoo %}Atoo-Sync {{ f.versionAtoo }} · {% endif %}
        {% if f.verifieeLe %}Vérifiée le {{ f.verifieeLe|date('d/m/Y') }}{% if f.verifieePar %} par {{ f.verifieePar.nomAffiche }}{% endif %} · {% endif %}
        Modifiée le {{ f.modifieeLe|date('d/m/Y') }}
    </footer>
{% endblock %}