{% extends "base.twig" %}

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

<section class="row">
	<aside class="sidebar_left col-md-4 mr-2">
		{% include '/components/sider_left.twig' with { name__template : 'association' } %}
	</aside>

	<div class="wrapper__content col-md-7">
		<div class="wrap__content __asso">

			<div class="__header">
				<h2 class="titre_1">{{ post.meta('titre_asso') }}</h2>
			</div>

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

		</div>
		<div class="wrap__content engagement">
			<div class="__header">
				<h2 class="titre_1">{{ post.meta('titre_engage') }}</h2>
			</div>

			<div class="__body">
				<div class="__image">
					<img src="{{ Image(post.meta('image_engagement')).src }}" />
				</div>

				<div class="tableau_engagements row align-items-start">
				<div class="gutter-sizer"></div>
					{% for item in post.meta('type_engagement') %}
						<div class="engagement col-md-12 col-lg-6"> <!--semble pas marcher (à cause de massonery ?)-->
							<div class="__head">
								<h4>{{item.titre_engagement}}</h4>
							</div>
							<div class="__content">
								{{item.paragraphe_engagement}}
							</div>
						</div>
					{% endfor %}
				</div>

				<div class="wrap__content vie-asso">
					<div class="__header">
						<h2 class="titre_1">{{ post.meta('titre_vieasso') }}</h2>
					</div>

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

				</div>
			</div>
		</div>
	</div>

</section>

{% endblock %}