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

{% block title %}Saisie rapide {{ erp.nom }} × {{ cms.nom }}{% endblock %}
{% block largeur %}contenu-large{% endblock %}



{% block body %}
    {% import 'edition/_zone_capture.html.twig' as cap %}
    <h1>Saisie rapide des emplacements — {{ erp.nom }} × {{ cms.nom }}</h1>
    <p class="discret">
        Un chemin « toutes versions » par logiciel. Captures : cliquer dans la zone sous le chemin puis <strong>Ctrl+V</strong> (ou déposer l'image). Seules les cases modifiées sont enregistrées ; vider une case ne supprime rien
        (suppression et versions spécifiques : depuis la fiche). Changer le couple ERP / boutique en haut de page.
    </p>

    <form class="filtres-liste" method="get" action="{{ path('edition_saisie_rapide') }}">
        <label>Flux
            <select name="flux" data-auto>
                <option value="">Tous</option>
                {% for v in listeFlux %}<option value="{{ v }}" {{ v == flux ? 'selected' }}>{{ v }}</option>{% endfor %}
            </select>
        </label>
        <label>Donnée
            <select name="donnee" data-auto>
                <option value="">Toutes</option>
                {% for v in listeDonnees %}<option value="{{ v }}" {{ v == donnee ? 'selected' }}>{{ v }}</option>{% endfor %}
            </select>
        </label>
        <label><input type="checkbox" name="manquants" value="1" {{ manquants ? 'checked' }} onchange="this.form.submit()"> Seulement les lignes incomplètes</label>
    </form>

    {% if nbPages > 1 %}
        <nav class="pagination">
            {% set params = app.request.query.all|merge({page: null}) %}
            {% if page > 1 %}<a href="{{ path('edition_saisie_rapide', params|merge({page: page - 1})) }}">← Précédente</a>{% endif %}
            {% for p in 1..nbPages %}
                {% if p == page %}<strong>{{ p }}</strong>{% else %}<a href="{{ path('edition_saisie_rapide', params|merge({page: p})) }}">{{ p }}</a>{% endif %}
            {% endfor %}
            {% if page < nbPages %}<a href="{{ path('edition_saisie_rapide', params|merge({page: page + 1})) }}">Suivante →</a>{% endif %}
            <span class="discret">{{ total }} fonctionnalité(s) · page {{ page }}/{{ nbPages }} · enregistrez avant de changer de page</span>
        </nav>
    {% endif %}
    {% if erreurs is not empty %}
        <div class="flash flash-erreur">
            <strong>Lignes non enregistrées :</strong>
            <ul>{% for e in erreurs %}<li>{{ e }}</li>{% endfor %}</ul>
        </div>
    {% endif %}

    <form method="post" action="{{ app.request.requestUri }}" class="saisie-rapide" enctype="multipart/form-data" data-max-fichiers="20"
          data-dictionnaire="{{ dictionnaire|json_encode }}">
        <input type="hidden" name="_token" value="{{ csrf_token('saisie_rapide') }}">
        <div class="bloc grille-2">
            <label>Source par défaut (utilisée si la colonne Source d'une ligne est vide)
                <input type="text" name="source_defaut" maxlength="255" value="{{ app.request.request.get('source_defaut') }}" placeholder="Ex. Doc Atoo-Sync GesCom Sage 100, chap. Articles · Testé sur Sage 100 v12 le 13/11/2026">
            </label>
            <label class="case">
                <input type="checkbox" name="captures_anonymisees" value="1" {{ app.request.request.get('captures_anonymisees') ? 'checked' }}>
                Les captures envoyées ne montrent aucune donnée client réelle (sinon elles restent invisibles des N1)
            </label>
            <label>État des emplacements enregistrés
                <select name="etat">
                    {% for e in etats %}<option value="{{ e.value }}" {{ app.request.request.get('etat') == e.value ? 'selected' }}>{{ e.libelle }}</option>{% endfor %}
                </select>
            </label>
        </div>

        <table class="liste grille-saisie">
            <thead><tr>
                <th class="col-code">Code</th>
                <th>Fonctionnalité</th>
                <th>{{ erp.nom }} : chemin</th><th>{{ erp.nom }} : intitulé / technique</th>
                <th>{{ cms.nom }} : chemin</th><th>{{ cms.nom }} : intitulé / technique</th>
                <th>Source de la ligne</th>
            </tr></thead>
            <tbody>
            {% for f in fonctionnalites %}
                {% set eErp = f.emplacementGenerique(erp) %}
                {% set eCms = f.emplacementGenerique(cms) %}
                {% set s = saisie[f.code] ?? {} %}
                <tr>
                    <td class="col-code"><a href="{{ path('edition_fiche', {code: f.code}) }}" title="Ouvrir la fiche">{{ f.code }}</a></td>
                    <td class="libelle">{{ f.libelle }}
                        {% set autres = f.emplacements.toArray|filter(e => e.versionLogiciel != '' and (e.logiciel is same as(erp) or e.logiciel is same as(cms)))|length %}
                        {% if autres %}<span class="discret">(+{{ autres }} version(s) spécifique(s))</span>{% endif %}
                    </td>
                    <td><input type="text" maxlength="500" name="lignes[{{ f.code }}][erp_chemin]" value="{{ s.erp_chemin ?? (eErp ? eErp.chemin : '') }}" placeholder="Menu > Onglet">
                        {{ cap.zone('lignes[' ~ f.code ~ '][erp_capture]', eErp ? eErp.ecran : null) }}</td>
                    <td class="cellule-champs">
                        <input type="text" maxlength="150" name="lignes[{{ f.code }}][erp_champ]" value="{{ s.erp_champ ?? (eErp ? eErp.champ : '') }}" placeholder="Intitulé à l'écran">
                        <span class="technique-ligne">
                            <input type="text" class="technique" maxlength="100" name="lignes[{{ f.code }}][erp_table]" value="{{ s.erp_table ?? (eErp ? eErp.tableTechnique : '') }}" placeholder="Table" title="Table technique, ex. F_ARTICLE, ps_product">
                            <input type="text" class="technique" maxlength="100" data-dico="{{ erp.code }}" data-cote="erp" name="lignes[{{ f.code }}][erp_colonne]" value="{{ s.erp_colonne ?? (eErp ? eErp.champTechnique : '') }}" placeholder="Champ" title="Champ technique, ex. AR_REF, reference">
                        </span>
                    </td>
                    <td><input type="text" maxlength="500" name="lignes[{{ f.code }}][cms_chemin]" value="{{ s.cms_chemin ?? (eCms ? eCms.chemin : '') }}" placeholder="Menu > Onglet">
                        {{ cap.zone('lignes[' ~ f.code ~ '][cms_capture]', eCms ? eCms.ecran : null) }}</td>
                    <td class="cellule-champs">
                        <input type="text" maxlength="150" name="lignes[{{ f.code }}][cms_champ]" value="{{ s.cms_champ ?? (eCms ? eCms.champ : '') }}" placeholder="Intitulé à l'écran">
                        <span class="technique-ligne">
                            <input type="text" class="technique" maxlength="100" name="lignes[{{ f.code }}][cms_table]" value="{{ s.cms_table ?? (eCms ? eCms.tableTechnique : '') }}" placeholder="Table" title="Table technique, ex. F_ARTICLE, ps_product">
                            <input type="text" class="technique" maxlength="100" data-dico="{{ cms.code }}" data-cote="cms" name="lignes[{{ f.code }}][cms_colonne]" value="{{ s.cms_colonne ?? (eCms ? eCms.champTechnique : '') }}" placeholder="Champ" title="Champ technique, ex. AR_REF, reference">
                        </span>
                    </td>
                    <td><input type="text" maxlength="255" name="lignes[{{ f.code }}][source]" value="{{ s.source ?? '' }}"
                               placeholder="{{ eErp ? eErp.source : (eCms ? eCms.source : '') }}"></td>
                </tr>
            {% else %}
                <tr><td colspan="7" class="vide">Aucune fonctionnalité pour ces filtres.</td></tr>
            {% endfor %}
            </tbody>
        </table>
        <p class="actions barre-collante"><button type="submit" class="bouton">Enregistrer les modifications</button>
            {% if page < nbPages %}<button type="submit" name="suivante" value="1" class="bouton bouton-secondaire">Enregistrer et page suivante</button>{% endif %}
            <span class="discret">{{ fonctionnalites|length }} ligne(s) · <span data-compteur-captures>0</span> capture(s) en attente (20 max. par enregistrement)</span></p>
        {# Doit rester le DERNIER champ : s'il manque à la réception, PHP a tronqué le formulaire. #}
        <input type="hidden" name="_fin_formulaire" value="1">
    </form>
{% endblock %}