{# Section « Paramétrage » de la fiche d'édition : captures Atoo-Sync (par ERP) et module boutique (par boutique). #}
{% import 'edition/_zone_capture.html.twig' as cap %}
<section class="bloc" id="parametrage">
    <h2>Paramétrage (captures)</h2>
    <p class="discret">Captures du paramétrage à faire dans Atoo-Sync et dans le module de la boutique pour cette fonctionnalité.
        Plusieurs captures possibles, affichées dans l'ordre. Pour encadrer des réglages : cliquer sur la vignette (éditeur de zones).</p>

    <div class="deux-colonnes">
        {% for bloc in [
            {cat: 'atoosync', titre: 'Paramétrage Atoo-Sync', choix: erps, defaut: erp, liste: parametrage.atoosync, existants: ecransParametrage.atoosync},
            {cat: 'module', titre: 'Paramétrage du module boutique', choix: cmss, defaut: cms, liste: parametrage.module, existants: ecransParametrage.module}
        ] %}
            <div>
                <h3>{{ bloc.titre }}</h3>
                {% for c in bloc.liste %}
                    <div class="capture-parametrage">
                        <a href="{{ path('edition_ecran', {id: c.ecran.id}) }}" title="Zones de la capture">
                            <img class="vignette" src="{{ path('app_image', {id: c.ecran.id}) }}" alt="{{ c.ecran.titre }}" loading="lazy"></a>
                        <div class="capture-parametrage-texte">
                            <strong>{{ loop.index }}.</strong> <span class="badge">{{ c.logiciel.nom }}</span>
                            {% if not c.ecran.anonymisee %}<span class="etat etat-attention">Non visible N1</span>{% endif %}
                            <span class="discret">{{ c.ecran.zones|length }} zone(s)</span>
                            <form method="post" action="{{ path('edition_parametrage_action', {id: c.id, action: 'legende'}) }}" class="ligne-legende">
                                <input type="hidden" name="_token" value="{{ csrf_token('parametrage' ~ f.code) }}">
                                <input type="text" name="legende" maxlength="255" value="{{ c.legende }}" placeholder="Légende, ex. Onglet Articles > cocher « Exporter les codes-barres »">
                                <button type="submit" class="lien">OK</button>
                            </form>
                        </div>
                        <div class="actions-ligne">
                            {% for action, libelle in {monter: '↑', descendre: '↓', retirer: '✕'} %}
                                <form method="post" action="{{ path('edition_parametrage_action', {id: c.id, action: action}) }}"
                                      {% if action == 'retirer' %}onsubmit="return confirm('Retirer cette capture de la fiche ? (le fichier reste dans « Captures »)');"{% endif %}>
                                    <input type="hidden" name="_token" value="{{ csrf_token('parametrage' ~ f.code) }}">
                                    <button type="submit" class="{{ action == 'retirer' ? 'lien-danger' : 'lien' }}" title="{{ action|capitalize }}">{{ libelle }}</button>
                                </form>
                            {% endfor %}
                        </div>
                    </div>
                {% else %}
                    <p class="vide">Aucune capture.</p>
                {% endfor %}

                <form method="post" action="{{ path('edition_parametrage_ajouter', {code: f.code}) }}" enctype="multipart/form-data" class="formulaire ajout-parametrage" data-max-fichiers="1">
                    <input type="hidden" name="_token" value="{{ csrf_token('parametrage' ~ f.code) }}">
                    <input type="hidden" name="categorie" value="{{ bloc.cat }}">
                    <div class="grille-2">
                        <label>{{ bloc.cat == 'atoosync' ? 'ERP concerné' : 'Boutique concernée' }}
                            <select name="logiciel">{% for l in bloc.choix %}<option value="{{ l.code }}" {{ l is same as(bloc.defaut) ? 'selected' }}>{{ l.nom }}</option>{% endfor %}</select>
                        </label>
                        <label>Version (facultatif)<input type="text" name="version" maxlength="30" placeholder="Ex. 2025.1"></label>
                    </div>
                    {{ cap.zone('capture') }}
                    {% if bloc.existants is not empty %}
                        <label>… ou réutiliser une capture existante
                            <select name="ecran">
                                <option value="">—</option>
                                {% for e in bloc.existants %}<option value="{{ e.id }}">{{ e.logiciel.nom }} · {{ e.titre }}</option>{% endfor %}
                            </select>
                        </label>
                    {% endif %}
                    <label>Légende<input type="text" name="legende" maxlength="255" placeholder="Ce qu'il faut régler sur cet écran"></label>
                    <label class="case"><input type="checkbox" name="anonymisee" value="1">
                        La capture ne montre aucune donnée client réelle (visible des N1)</label>
                    <p class="actions"><button type="submit" class="bouton">Ajouter la capture</button></p>
                </form>
            </div>
        {% endfor %}
    </div>
</section>