{% for realisation in realisations %}
	<div class="col-3 {% for category in realisation.categories %} {{ category.name }} {% endfor %} " id="realisation-{{ realisation.id }}">
		<div class="item">
			{% if realisation.pictureOneFilename %}
				<img src="{{ vich_uploader_asset(realisation, 'pictureFileOne') }}" loading="lazy" class="img-realisation avant" alt="réalisation">
			{% endif %}
			{% if realisation.pictureTwoFilename %}
				<img src="{{ vich_uploader_asset(realisation, 'pictureFileTwo') }}" loading="lazy" class="img-realisation apres" alt="réalisation">
			{% endif %}
			<div class="legende avant">{{ realisation.legendPictureOne }}</div>
			<div class="legende apres-legende">{{ realisation.legendPictureTwo }}</div>
			<div class="not-zoom switcher">
				<div class="swiper carousel-realisation-full">
					<div class="cross close">
						<img src="{{ asset('images/icons/close.svg') }}">
					</div>
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="item-slide">
								<img src="{{ vich_uploader_asset(realisation, 'pictureFileOne') }}" loading="lazy" class="img-realisation" alt="réalisation">
								<div class="legende">{{ realisation.legendPictureOne }}</div>
							</div>
						</div>
						{% if realisation.pictureTwoFilename %}
							<div class="swiper-slide">
								<div class="item-slide">
									<img src="{{ vich_uploader_asset(realisation, 'pictureFileTwo') }}" loading="lazy" class="img-realisation" alt="réalisation">
									<div class="legende apres-legende">{{ realisation.legendPictureTwo }}</div>
								</div>
							</div>
						{% endif %}
					</div>
					<div class="swiper-navigation">
						<div class="swiper-button-prev"><img src="{{ asset("images/icons/prev-realisation.svg") }}"></div>
						<div class="swiper-button-next"><img src="{{ asset("images/icons/next-realisation.svg") }}"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endfor %}