{#
    UI Element template
    type: image_collection
    element fields :
        images
#}
<section class="block-section block-slider">
    <div class="default-slider">
        {% for image in element.images %}
            <div>
                {% if image.link is not empty %}
                    <a href="{{ image.link }}">
                        {{ dedi_sylius_image_optimizer_for_image(image.image, image.alt|default(''), {
                            'class' : 'w-100',
                            'title' : image.title|default('')
                        }) }}
                    </a>
                {% else %}
                    {{ dedi_sylius_image_optimizer_for_image(image.image, image.alt|default(''), {
                        'class' : 'w-100',
                        'title' : image.title|default('')
                    }) }}
                {% endif %}
            </div>
        {% endfor %}
    </div>
</section>
