{# {% from '@openform_front_templates/_includes/_icons.html.twig' import arrowinsidecircle, longarrow %} #}
{% if entity.ImageSlide is defined and entity.ImageSlide|length > 0 %}
<section class="gallery-block" data-scroll-section>
<div class="gallery-block__wrapper container">
<h2 class="gallery-block__title home-title">
{{ 'T_IMAGE_GALLERY'|trans({}, 'openform_front', app.request.locale) }}
</h2>
<span class="gallery-block__count home-label">
{% set photosCount = entity.ImageSlide|length %}
{{ photosCount }} {{ photosCount|varietyTransChanger(
'NUMBER_OF_PHOTOS_A'|trans({}, 'openform_front', app.request.locale),
'NUMBER_OF_PHOTOS_B'|trans({}, 'openform_front', app.request.locale),
'NUMBER_OF_PHOTOS_C'|trans({}, 'openform_front', app.request.locale)
) }}
</span>
</div>
<div class="swiper-container js-gallery-swiper">
<div class="swiper-wrapper">
{% for item in entity.ImageSlide %}
<div class="swiper-slide{{ item.ytCode is defined and item.ytCode ? ' swiper-slide--vertical' }}">
<div class="gallery-slider__image-wrapper">
{% if item.imagePath is defined and item.imagePath %}
<img class="gallery-slider__image" src="{{ item.imagePath }}" alt="{{ item.Translation[app.request.locale].alt is defined ? item.Translation[app.request.locale].alt }}">
{% endif %}
</div>
<div class="gallery-slider__content">
{% if item.Translation[app.request.locale].title is defined and item.Translation[app.request.locale].title %}
<span class="gallery-slider__title">{{ item.Translation[app.request.locale].title }}</span>
{% endif %}
{% if item.Translation[app.request.locale].author is defined and item.Translation[app.request.locale].author %}
<span class="gallery-slider__author">{{ item.Translation[app.request.locale].author }}</span>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{# <div class="slider-controlls">
<button class="swiper-button-prev">{{ arrowinsidecircle('T_PREVIOUS_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}</button>
<div class="swiper-pagination"></div>
<button class="swiper-button-next">{{ longarrow('T_NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}</button>
</div> #}
</div>
</section>
{% endif %}