{% extends 'layouts/front/baseinternes.html.twig' %}
{% block title %}{{ parametres.structure.name ?? company_name }} | {{ title }}{% endblock %}
{% block stylesheets %}
<style>
.blog-single-aside__content .title{
color: #993300!important;
text-shadow: none!important;
}
p{text-align: justify;margin-bottom:1rem!important}
</style>
{% endblock %}
{% block body %}
<section class="top-banniere">
<div class="page-banner" style="background-image: url(
{% if categorie.filename %}
{{ vich_uploader_asset(categorie, 'imageFile') | imagine_filter('bandeau') }}
{% else %}
{{ asset('assetics/internes/images/newsun.jpg') }}
{% endif %}
)">
{{ fil_arial(title) }}
</div>
</section>
<section class="tour-item-banner-2">
<div class="container">
<h4 class="pull-right"><a href="{{ path('home') }}">Accueil</a> / {{ menu }} / <span> {{ title }}</span></h4>
</div>
</section>
<section class="mt-2">
<div class="container">
<div class="special-tour__tittle">
<!-- section tittle -->
<div class="section-tittle">
<h2>{{ title }}</h2>
<div class="section-tittle__line-under"></div>
<p><span>{{ title }}</span></p>
</div>
<p class="destination-4-2__sub-tittle" style="width: 100%!important;">
{{ categorie.description|raw }}
</p>
</div>
{% if articles|length != 0 %}
<div class="best-selling-tour mt-lg-5">
<div class="row">
{% include 'pages/internes/articles/partials/__card.html.twig' with {articles: articles } %}
</div>
</div>
<div class="destination-mansory-layout__pagination" style="padding: 10px 0 20px;">
<!-- pagination -->
<div class="wander-pagination__pagination" style="display: flex; justify-content: center; justify-items: center;">
<div>
{{ knp_pagination_render(articles) }}
</div>
</div>
</div>
{% else %}
<div class="jumbotron mt-5">
<div class="alert alert-info">
<i class="fa fa-info-circle"></i> Aucune donnée disponible pour le mmoment
</div>
</div>
{% endif %}
</div>
</section>
{% endblock %}