{% import 'app/_inc/macros.html.twig' as m %}{% extends 'base.html.twig' %}{% block seo %} {{seo.generate(app.request.get('_route'), app.request.locale, article)|raw}}{% endblock %}{% block css %} {{ encore_entry_link_tags('app-articles-css') }} {{ encore_entry_link_tags('app-swiper-css') }}{% endblock %}{% block js %}{{ encore_entry_script_tags('app-swiper-js') }}{% endblock %}{% block content %} {% set a = article %} <main id="page" class="article_show"> <div class="bg wood"> {{ m.img(asset('img/fond-table.png')) }} </div> <div class="ct"> <section class="top-title"> <h2 class="h3">{{ a.translate.title|trans|raw }}</h2> {{m.Breadcrumb(article.translate.title, {link:{ 0:['nav.actu', path('article_list')], 1:[a.translate.title] }})}} </section> <section data-a-up class="paragraphe article_content"> <div class="img-article"> {{ m.Img(a.firstPicture.path, {attr_img:{alt:a.firstPicture.translate.name},width:660}) }} </div> {{article.translate.content|raw}} </section> {% if articles|length > 0 %} <section class="swiper" data-swiper="all" data-a-up> <div class="top" data-a-up> <h2 class="h2">{{ 'news.plus'|trans|raw }}</h2> {{ m.SwiperNav('all') }} </div> <div class="swiper-wrapper"> {% for other in articles %} <div class="swiper-slide" data-a-up> {{m.Actu(other)}} </div> {% endfor %} </div> </section> {% endif %} </div> </main>{% endblock %}