{#
    Actualité block editor controls - admin-only, edit-mode-only chrome for a single content block.

    Rendered inside each block partial (_actualite-block-text.html.twig /
    _actualite-block-text-image.html.twig), guarded by editMode at the call site. Never
    rendered on the public page. Consumed by BlockListEditor.ts (assets/admin/editor/BlockListEditor.ts),
    which reads/writes these controls' data attributes and binds click handlers to them -
    it does not construct this markup via TS template literals, per the "clone real
    server-rendered markup" rule for this template's dynamic blocks.

    Parameters:
    - showMobilePositionToggle (bool): true for text-image blocks only
    - mobileImagePosition (string): 'before'|'after', current toggle state (ignored if
      showMobilePositionToggle is false)
#}
<div class="actualite-block__editor-controls" data-block-controls="true">
    <div class="actualite-block__editor-controls-row">
        <button type="button" class="actualite-block__control actualite-block__control--move-up" data-block-action="move-up" aria-label="Déplacer le bloc vers le haut" title="Déplacer vers le haut">
            &#9650;
        </button>
        <button type="button" class="actualite-block__control actualite-block__control--move-down" data-block-action="move-down" aria-label="Déplacer le bloc vers le bas" title="Déplacer vers le bas">
            &#9660;
        </button>
        <button type="button" class="actualite-block__control actualite-block__control--remove" data-block-action="remove" aria-label="Supprimer le bloc" title="Supprimer ce bloc">
            &#128465; Supprimer
        </button>
        {% if showMobilePositionToggle|default(false) %}
            <div class="actualite-block__mobile-position-toggle" data-mobile-position-toggle="true">
                <span class="actualite-block__mobile-position-label">Image sur mobile :</span>
                <button
                    type="button"
                    class="actualite-block__control actualite-block__control--mobile-position{% if mobileImagePosition|default('before') == 'before' %} is-active{% endif %}"
                    data-mobile-position-value="before"
                >
                    Avant le texte
                </button>
                <button
                    type="button"
                    class="actualite-block__control actualite-block__control--mobile-position{% if mobileImagePosition|default('before') == 'after' %} is-active{% endif %}"
                    data-mobile-position-value="after"
                >
                    Après le texte
                </button>
            </div>
        {% endif %}
    </div>

</div>