{% extends "base.html.twig" %}
{% block content %}
{% include "fragments/_banner.html.twig" %}
{% if content.article %}
<div class="container-fluid intro dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 mb-3 p-5">
{{ content.article|raw }}
</div>
</div>
</div>
</div>
{% endif %}
{% if content.contenu|length %}
{% for contenu in content.contenu %}
<div class="container-fluid article mb-3">
<div class="container">
<div class="row">
{% if contenu.images|length %}
{% set colSize = 8 %}
<div class="col-lg-{{ contenu.type == 'galerie' ? 12 : 4 }} p-0 gallery {% if contenu.titre|default(null) or contenu.texte|default(null) %} {{ contenu.titre }} {% endif %}">
<div class="swiper-galerie{{ contenu.type == 'galerie' ? '-wide' : ''}} swiper h-100">
<div class="swiper-wrapper">
{% for media in contenu.images %}
<div class="swiper-slide">
<a href="{{ media.formats['sulu-large'] }}" data-toggle="lightbox" data-gallery="galerie">
<img src="{{ media.formats['sulu-4-3'] }}" class="img-cover">
</a>
</div>
{% endfor %}
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
{% endif %}
{% if contenu.titre|default(null) or contenu.texte|default(null) %}
<div class="col-lg-{{ colSize|default(12) }} mb-3 p-3 p-lg-5 infos {{ contenu.titre }}">
<h2 class="fs-2 mb-4 text-primary border-bottom border-primary border-2 pb-3">{{ contenu.titre }}</h2>
{{ contenu.texte|raw }}
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}
{% endif %}
{% endblock %}