{% import 'app/_inc/macros.html.twig' as m %}
{% extends 'base.html.twig' %}
{% block css %}
{{ encore_entry_link_tags('app-articles-css') }}
{{ encore_entry_link_tags('app-software-css') }}
{{ encore_entry_link_tags('app-swiper-css') }}
{% endblock %}
{% block js %}
{{ encore_entry_script_tags('app-swiper-js') }}
{% endblock %}
{% block content %}
<div id="page" class="article_list">
<div class="bg">
<div class="smoke">
{{ m.img(asset('img/bg-smoke.webp')) }}
</div>
</div>
<div class="ct">
<div class="title">
<h2 class="h2">{{ 'news.title'|trans|raw }}</h2>
{{ m.Breadcrumb('nav.actu', {link:{
0:['nav.actu']
}}) }}
<form method="post" action="">
<fieldset>
<input type="search" id="search_blog" name="search_blog" placeholder="{{ 'Search'|trans|raw }}{{ "..." }}" value="{{ search }}">
</fieldset>
<button type="submit" class="btn"><span>{{ "Search"|trans }}</span></button>
</form>
</div>
{% if pagination|length > 0 %}
<section class="swiper" data-swiper="all">
<div class="top">
<div></div>
{{ m.SwiperNav('all') }}
</div>
<div class="swiper-wrapper">
{% for a in pagination %}
<div class="swiper-slide">
{{ m.Actu(a) }}
</div>
{% endfor %}
</div>
</section>
{% else %}
<section>
<div class="top">
<form method="post" action="">
<fieldset>
<input type="search" id="search_blog" name="search_blog" placeholder="{{ 'Search...'|trans|raw }}" value="{{ search }}">
</fieldset>
<button type="submit" class="btn"><span>{{ "Search"|trans }}</span></button>
</form>
</div>
<p>{{ 'all.noarticle'|trans }}</p>
</section>
{% endif %}
{% for category in categories %}
{% if category.availableArticles|length > 0 %}
<section class="swiper" data-swiper="all">
<div class="top" data-a-up>
<h2 class="h2">{{ category.translate.title }}</h2>
{{ m.SwiperNav('all') }}
</div>
<div class="swiper-wrapper">
{% for a in category.availableArticles %}
<div class="swiper-slide">
{{ m.Actu(a) }}
</div>
{% endfor %}
</div>
</section>
{% endif %}
{% endfor %}
</div>
</div>
{% endblock %}