{#
    Actualité content block - text + image (handles both left and right desktop variants)

    Parameters:
    - block (object): block data with `id`, `type`, `fields.{title,subtitle,content,image,imagePath,mobileImagePosition,buttonLabel,buttonHref}`
      (`image` = media UUID for editor's data-media-id; `imagePath` = resolved file path for <img src>, set by ActualitePageEnricher)
    - imagePosition (string): 'left'|'right' - desktop flex order, drives `actualite-block--image-left`/`--image-right`
    - mobileImagePosition (string): 'before'|'after' - mobile stacking order, independent of `imagePosition` (Decision #6)
#}
{% set positionModifier = imagePosition == 'left' ? 'actualite-block--image-left' : 'actualite-block--image-right' %}
{% set mobilePositionModifier = mobileImagePosition == 'after' ? 'actualite-block--mobile-image-after' : 'actualite-block--mobile-image-before' %}

<div class="actualite-block actualite-block--text-image {{ positionModifier }} {{ mobilePositionModifier }}"{% if editMode|default(false) %} data-section="{{ block.id }}" data-section-type="{{ block.type }}" data-mobile-image-position="{{ mobileImagePosition|default('before') }}"{% endif %}>
    {% if editMode|default(false) %}
        {{ include('components/_actualite-block-controls.html.twig', {
            showMobilePositionToggle: true,
            mobileImagePosition: mobileImagePosition|default('before')
        }) }}
    {% endif %}
    {% if block.fields.image is defined and block.fields.image or block.fields.imageDark|default(false) or editMode|default(false) %}
        <div class="actualite-block__image{% if editMode|default(false) and not (block.fields.image|default(false) or block.fields.imageDark|default(false)) %} is-empty-image{% endif %}"{{ image_frame_attrs(block.fields|default({}), 'image', editMode|default(false)) }}{% if editMode|default(false) %}
            data-editable-image="true"
            data-field="image"
            data-media-id="{{ block.fields.image|default('') }}" data-media-id-dark="{{ block.fields.imageDark|default('') }}"{% endif %}>
            {% if editMode|default(false) and not (block.fields.image|default(false) or block.fields.imageDark|default(false)) %}
                <span class="editable-image__placeholder">
                    <span class="editable-image__placeholder-icon">+</span>
                    <span class="editable-image__placeholder-label">Ajouter une image</span>
                </span>
            {% endif %}
            {% include 'components/_themed_img.html.twig' with {light: block.fields.imagePath|default(''), dark: block.fields.imageDarkPath|default(''), alt: block.fields.title|default(''), class: 'actualite-block__img'} only %}
        </div>
    {% endif %}

    <div class="actualite-block__text">
        {% if (block.fields.title is defined and block.fields.title) or editMode|default(false) %}
            <h2 class="actualite-block__title"{% if editMode|default(false) %} data-editable="true" data-editor-type="simple" data-field="title" data-placeholder="Titre"{% endif %}>{{ block.fields.title|default('') }}</h2>
        {% endif %}

        {% if (block.fields.subtitle is defined and block.fields.subtitle) or editMode|default(false) %}
            <p class="actualite-block__subtitle"{% if editMode|default(false) %} data-editable="true" data-editor-type="simple" data-field="subtitle" data-placeholder="Sous-titre"{% endif %}>{{ block.fields.subtitle|default('') }}</p>
        {% endif %}

        {% if (block.fields.content is defined and block.fields.content) or editMode|default(false) %}
            <div class="actualite-block__body"{% if editMode|default(false) %} data-editable="true" data-field="content" data-placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."{% endif %}>{{ block.fields.content|default('')|raw }}</div>
        {% endif %}

        {% set buttonLabel = block.fields.buttonLabel|default('') %}
        {% if (block.fields.buttonHref is defined and block.fields.buttonHref and buttonLabel) or editMode|default(false) %}
            {% set content %}<span class="link-btn__label{% if not buttonLabel %} is-empty{% endif %}" data-label-target="true">{{ buttonLabel|default('Label du bouton') }}</span>{% endset %}
            {{ include('components/_button.html.twig', editMode|default(false) ? {
                href: block.fields.buttonHref|default('#'),
                content: content,
                extra_class: 'link-btn--on-content',
                attrs: 'data-editable-href="true" data-field="buttonHref" data-label-field="buttonLabel" data-label-value="' ~ buttonLabel|e('html_attr') ~ '"'
            } : {
                href: block.fields.buttonHref,
                content: content,
                extra_class: 'link-btn--on-content'
            }) }}
        {% endif %}
    </div>
</div>