{% if swiper.slides and swiper.slides is not empty %}
<div id="{{ swiper.id }}" class="swiper">
	<div class="swiper-wrapper">
		{% for slide in swiper.slides %}
		<div class="swiper-slide">
			{% if slide.src %}
			<img
				src="{{ slide.src }}"
				alt="{{ slide.alt ?? '' }}"
				{% if slide.is_first %}fetchpriority="high"{% else %}loading="lazy"{% endif %}
			>
			{% else %}
			{{ slide.content | raw }}
			{% endif %}
		</div>
		{% endfor %}
	</div>

	{% if swiper.pagination %}
	<div class="swiper-pagination"></div>
	{% endif %}

	{% if swiper.navigation %}
	<div class="swiper-button-prev"><i class="fa-light fa-chevron-left"></i></div>
	<div class="swiper-button-next"><i class="fa-light fa-chevron-right"></i></div>
	{% endif %}

	{% if swiper.scrollbar %}
	<div class="swiper-scrollbar"></div>
	{% endif %}
</div>
{% endif %}