{% extends '@designs-default/blocks/gallery/default.twig' %}

{% set options = options|default({}) + {
    gallery_image_alias: 'image',
    gallery_image_container_class: '',
    gallery_image_title: false,
    gallery_image_description: true,
    gallery_image_copyright: true,
} %}

{# Aktuell weicht das Glamour Template zum Standart Template zusehr ab, deshalb kann das Standart Template nicht genutzt werden  #}
{# FIXME: Should  urgently be brought back when doing the Redesign  #}
{% set size = config.get('theme/thumbnails/aliases', [])[options.gallery_image_alias].size|default([]) %}

{% block galleryimage %}
    <div class="col-12 {{ loop.last ? 'last' }}">
        <figure>
            <div class="{{ options.gallery_image_container_class }}">
                {% if multiple %}<div class="pagination text-center mx-auto ">{{ loop.index0 +1 }} / {{ images|length }}</div>{% endif %}

                <div class="image-wrapper">
                    <img
                            loading="lazy"
                            src="{{ image|thumbnail(options.gallery_image_alias) }}"
                            class="img-fluid mx-auto"
                            width="{{ size.0|default(2) }}"
                            height="{{ size.1|default(1) }}"
                            alt="{{ image.attributes.alt|default(image.attributes.title|default)|trim }}"
                    />
                </div>
                {% if options.gallery_image_copyright %}
                    <div class="copyright text-right">{{ image.attributes.copyright|default ? "&copy;" }} {{ image.attributes.copyright|default }}</div>
                {% endif %}

                {% if options.gallery_image_title %}<h3>{{ image.attributes.title|default }}</h3>{% endif %}

                {% if options.gallery_image_description %}
                    <figcaption>
                        {{ image.attributes.description|default|striptags('<a><i><em><b><strong><br><br/>')|raw }}
                    </figcaption>
                {% endif %}
            </div>
        </figure>
    </div>
{% endblock %}

{# Slick entfernt: GLAMOUR-465 #}
{% block galleryscript %}{% endblock %}