{% extends 'base.html.twig' %}

{% block title %}Nos témoignages
{% endblock %}

{% block body %}
	<div class="overflow-clip">
		<div class="container flex vertical blog-view quotes-title quotes-wrapper">
			<h1 class="text-centered h1">Nos témoignages</h1>
			<div class="container base-content">
				<div class="swiper-quotes" style="max-height: unset !important;">
					<div class="swiper" id="quotes" style="max-height: unset !important;">
						<div class="swiper-wrapper">
							{% for quote in quotes %}
								<div class="swiper-slide">
									<div class="quote_wrapper">
										<div class="quote">
											<p class="nameinfo">{{quote.name}},
												{{quote.publishedAt|format_date('none','Y')}}</p>
											<p class="is_long">
												<span class="pink">“</span>
												{{quote.content}}
												<span class="pink">”</span>
											</p>
											<p class="info">
												<span class="page">({{ loop.index }}/{{ loop.length }})</span></p>
										</div>
									</div>
								</div>
							{% endfor %}
						</div>
						<div class="swiper-pagination"></div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
				</div>

				<figure>
					{{ svg_assets("quotes/crowd.svg") }}
				</figure>
			</div>
		</div>
	</div>
{% endblock %}