<div id="slider" class="section section-slider" data-aos="fade" data-aos-delay="750" data-aos-anchor="#navigation"> <div class="slider-carousel owl-carousel owl-theme"> {% for item in slides %} <div class="owl-carousel__item" data-id="{{ loop.index - 1 }}"> {% if item.redirection != '' %}<a href="{{ item.redirection }}" target="_blank" class="item">{% else %} <div class="item">{% endif %} <div class="item-figure"> <img src="{{ asset('assets/media/images/uploads/' ~ item.image|striptags) }}" alt="{{ item.alt|striptags }}" {% if loop.index > 1 %}loading="lazy"{% endif %}> </div> <div class="item-content"> <div class="item-container"> <div class="block"> <div class="block-title">{{ item.content|replace({ '<p><span' : '<p><span', '<p>' : '<p><span>', '<br></p>': '</span></p>', '</p>' : '</span></p>', '<br>' : '</span><span>' })|raw }}</div> <div class="block-text">{{ item.subcontent|raw }}</div> </div> <div class="block-controls"> <button class="btn btn-previous slider-previous" aria-label="Précédent"> <i class="fas fa-chevron-left"></i> </button> <button class="btn btn-next slider-next" aria-label="Suivant"> <i class="fas fa-chevron-right"></i> </button> </div> </div> </div> {% if item.redirection != '' %}</a>{% else %}</div>{% endif %} </div> {% endfor %}</div></div>