{#
  Bloc Palette Personnalisée
  Variables :
    block.content.title   string|null  — h2 optionnel
    block.content.intro   string|null  — texte d'introduction (HTML)
    block.config.display    'large'|'contained'
    block.config.alignment  'centered'|'flag'
    block.images          [{filename, alt, link_url, credits, sort_order, is_primary}, …]
#}
{% set images    = block.images ?? [] %}
{% set display   = block.config.display ?? 'contained' %}
{% set alignment = block.config.alignment ?? 'flag' %}
{% set title     = block.content.title ?? '' %}
{% set intro     = block.content.intro ?? '' %}
{% set count     = images | length %}

<div class="palette-block palette-block--{{ alignment }}">

    {% if title or intro %}
        <div class="container palette-block__header">
            {% if title %}<h2>{{ title }}</h2>{% endif %}
            {% if intro %}<div class="palette-block__intro">{{ intro | raw }}</div>{% endif %}
        </div>
    {% endif %}

    {% if count > 0 %}
        <div class="palette {{ display == 'contained' ? 'container' : '' }}">
            {% for image in images %}
                {% set isLast = loop.last and count is odd %}
                {% set revealClass = isLast
                    ? 'scroll-reveal-sides'
                    : (loop.index is odd ? 'scroll-reveal-slide-left' : 'scroll-reveal-slide-right') %}
                {% set caption = image.caption is not empty ? image.caption : '' %}
                {% set altText = image.alt ?? '' %}
                {% if image.link_url %}
                    <a href="{{ image.link_url }}" class="palette-link palette-item scroll-reveal {{ revealClass }}">
                        <figure>
                            <img
                                src="/{{ image.filename }}"
                                alt="{{ altText }}"
                                width="1200" height="900"
                                loading="lazy"
                            >
                            {% if caption %}<figcaption class="visual-title"><h3>{{ caption }}</h3></figcaption>{% endif %}
                        </figure>
                    </a>
                {% else %}
                    <figure class="palette-item scroll-reveal {{ revealClass }}">
                        <img
                            src="/{{ image.filename }}"
                            alt="{{ altText }}"
                            width="1200" height="900"
                            loading="lazy"
                        >
                        {% if caption %}<figcaption class="visual-title"><h3>{{ caption }}</h3></figcaption>{% endif %}
                    </figure>
                {% endif %}
            {% endfor %}
        </div>
    {% endif %}

</div>