{# Zone où l'on colle (Ctrl+V), dépose ou choisit (double-clic) une image. Gérée par public/js/app.js. #}
{% macro zone(nom, ecranActuel = null, consigne = '📋 Ctrl+V ou déposer') %}
    <div class="zone-capture" tabindex="0" data-capture title="Cliquer puis Ctrl+V pour coller une capture, ou déposer une image (double-clic : choisir un fichier)">
        {% if ecranActuel %}
            <img class="apercu-capture" src="{{ path('app_image', {id: ecranActuel.id}) }}" alt="" loading="lazy">
            {% if not ecranActuel.anonymisee %}<span class="etat etat-attention">Non visible N1</span>{% endif %}
        {% else %}
            <img class="apercu-capture" alt="" hidden>
        {% endif %}
        <span class="consigne">{{ ecranActuel ? 'Remplacer : ' : '' }}{{ consigne }}</span>
        <input type="file" name="{{ nom }}" accept="image/png,image/jpeg,image/webp" hidden>
    </div>
{% endmacro %}