{% extends "base.twig" %}

{% block content %}
{% include 'components/title_page.twig'  %}

<div class="paralax" data-rellax-speed="-10">
	<img src="{{theme.link}}/dist/assets/images/objet_7.svg" alt="objet 7">
</div>

<article>
	<div class="wrapper__content prive">
		<div class="wrap__content">
			<div class="__header">
				<h2 class="texte_chapeau">{{ post.meta('texte_chapeau') }}</h2>
			</div>

			<div class="__body">
				{{ post.meta('paragraphe_descriptif') }}
			</div>
		</div>

			<div class="wrap__content privatiser main-carousel">
				{% for item in post.meta('slide_image') %}
						<figure>
							<img alt="{{ Image(item.image).alt }}" src="{{ Image(item.image).src }}" />
							<div class="container position-relative">
								<figcaption class="legendes col-10 col-md-6 col-lg-4">
									<div class="__head">
										<h6>{{ item.titre_legende}}</h6>
									</div>
									<div class="__content">
										<p>{{ item.texte_legende}}</p>
									</div>
								</figcaption>
							</div>
						</figure>
				{% endfor %}
			</div>

		<div class="wrap__content __organisation">
			<div class="__body row justify-content-center">
				{% for item in post.meta('type_organisation') %}
				<article class="__content _orga col-12 col-sm-6 col-md-4">
					<div class="title">
						<h5>{{ item.titre_bloc}}</h5>
					</div>
					<div class="__item">
						{{item.paragraphe_descriptif}}
					</div>
				</article>
				{% endfor %}
				</div>

		</div>

		<div class = "bouton row justify-content-center">
		{% include 'components/buttons/boutton_privatiser.html.twig' %}
	  </div>

	</div>

</article>
{% endblock %}