{% extends "@Contao/content_element/gallery.html.twig" %}
    {% block list_component %}
        <div class="row binding">
            <div class="swiper galerie-swiper col_10">
                <div class="swiper-wrapper">
                    {% for img in images %}
                        <div class="swiper-slide test">
                            <a aria-label="{{ img.metadata.title }}" href="{{ img.image.getImageSrc() }}" data-fancybox="gallery">
                                <span class="hidden">{{ img.metadata.title }}</span>
                                <img alt="{{ img.metadata.alt }}" src="{{ img.image.getImageSrc() }}" />
                                <div class="figcaption">{{ img.metadata.title }}</div>
                            </a>
                        </div>
                    {% endfor %}
                </div>
            </div>
            <div class="swiper col_2 thumbnails">
            <div class="swiper-wrapper">
                {% for img in images %}
                    <div class="swiper-slide">
                        <img alt="{{ img.metadata.alt }}" src="{{ img.image.getImageSrc() }}" />
                    </div>
                {% endfor %}
            </div>
        </div>
        </div>

    {% endblock %}