{% import 'include/spatial-preview-repository.twig' as spatialPreviewRepository %}

{#CMS Element - Image gallery and buy box #}
{% set imageGallerySlots = page.cmsPage.sections.blocks.slots|filter(slot => slot.type == 'image-gallery') %}

{% for imageGallerySlot in imageGallerySlots %}
    {% set sliderItems = imageGallerySlot.data.sliderItems %}

    {% if sliderItems|length > 0 %}
        {% set mediaIds = sliderItems|map(sliderItem => sliderItem.media.id) %}
        {% set previewMedia = spatialPreviewRepository.getPreviewFromMedia(mediaIds) %}

        {% for preview in previewMedia %}
            {% set sliderItem = sliderItems|filter(item => item.media.id == preview.mediaId)|first %}

            {% if sliderItem %}
                {% do sliderItem.media.addExtension('preview', preview.preview) %}
            {% endif %}
        {% endfor %}
    {% endif %}
{% endfor %}