{#
    Actualité related posts footer ("Autres news à découvrir")

    Parameters:
    - previousPost (array|null): chronologically older neighbor - {title, slug, publishedAt, tags, entity, mainImagePath?}
    - nextPost (array|null): chronologically newer neighbor - same shape as previousPost

    Section title is the only editable field here; cards are built from DB-driven neighbor data (not editable).
#}
<section class="actualite-related">
    <div class="container">
        <h2 class="actualite-related__title"{% if editMode|default(false) %}
            data-editable="true"
            data-editor-type="simple"
            data-field="relatedPostsTitle"
            data-section="related-posts"
            data-section-type="related-posts"{% endif %}>
            {{ content.relatedPostsTitle|default('Autres news à découvrir') }}
        </h2>

        {% if previousPost or nextPost %}
            <div class="actualite-related__cards">
                {% for neighbor in [previousPost, nextPost] %}
                    {% if neighbor %}
                        {% include 'components/_actualite_hub_card.html.twig' with {
                            card: neighbor,
                            theme: 'light'
                        } only %}
                    {% endif %}
                {% endfor %}
            </div>
        {% endif %}
    </div>
</section>