{% 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 %}
{% set categorie = categories|last %}
<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 mb-5">
<!-- section tittle -->
<div class="section-tittle">
<h2>{{ title }}</h2>
<div class="section-tittle__line-under"></div>
<p><span>{{ title }}</span></p>
</div>
</div>
{% if categories|length != 0 %}
<div class="best-selling-tour mt-lg-5">
<div class="row">
{% include 'pages/atouts/partials/__card.html.twig' with {categories: categories } %}
<div class="col-lg-3 col-md-6">
<a href="{{ path('visiter.calendrier.fete') }}" class="best-selling-tour__item">
<div class="best-selling-tour__item__thumb">
<img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="Calendrier des fêtes traditionnelles">
<div class="best-selling-tour__item__info">
<div class="best-selling-tour__item__tittle">
<h3 style="text-shadow: 0 0 5px #000;" class="trending-tour-item__name">Calendrier des fêtes traditionnelles</h3>
{#<p class="trending-tour-item__group-infor__rating"></p>#}
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6">
<a href="{{ path('celebrites.index') }}" class="best-selling-tour__item">
<div class="best-selling-tour__item__thumb">
<img src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="Nos célébrités">
<div class="best-selling-tour__item__info">
<div class="best-selling-tour__item__tittle">
<h3 style="text-shadow: 0 0 5px #000;" class="trending-tour-item__name">Nos célébrités</h3>
{#<p class="trending-tour-item__group-infor__rating"></p>#}
</div>
</div>
</div>
</a>
</div>
</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(categories) }}
</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 %}