{% 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({{ asset('assetics/internes/images/newsun.jpg') }})">
{{ fil_arial(title) }}
</div>
</section>
<section class="tour-item-banner-2">
<div class="container">
<h4 class="pull-right"><a href="{{ path('home') }}">Accueil</a> / <span> {{ title|u.truncate(50, '...') }}</span></h4>
</div>
</section>
<section class="mt-2 mb-5">
<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>
</div>
{% if categories|length != 0 %}
<div class="row mt-5">
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="row">
{% for categorie in categories %}
<div class="col-lg-4 col-md-6 col-xl-3 col-sm-6 col-12">
<a title="{{ categorie.name }}" href="{{ path('posts.index', {'id': categorie.id, 'slug': categorie.slug}) }}" class="trending-tour-item">
{% if categorie.filenamecover %}
<img class="trending-tour-item__thumnail" src="{{ vich_uploader_asset(categorie, 'imageCover') | imagine_filter('thumbnail_card') }}" alt="{{ categorie.name }}">
{% else %}
<img class="trending-tour-item__thumnail" src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="{{ categorie.name }}">
{% endif %}
<div class="trending-tour-item__info">
<h5 class="trending-tour-item__name">
{{ categorie.name|u.truncate(20, '...') }}
</h5>
<div class="trending-tour-item__group-infor">
<div class="trending-tour-item__group-infor--left">
{#<span class="trending-tour-item__group-infor__rating"></span>#}
{#<div class="trending-tour-item__group-infor__lasting">{{ post.categories }}</div>#}
</div>
</div>
</div>
</a>
</div>
{% endfor %}
<div class="col-lg-4 col-md-6 col-xl-3 col-sm-6 col-12">
<a title="Espace hôtels" href="{{ path('hotels.index') }}" class="trending-tour-item">
<img class="trending-tour-item__thumnail" src="{{ asset('assetics/internes/images/empty.jpg') }}" alt="Espace hôtels">
<div class="trending-tour-item__info">
<h5 class="trending-tour-item__name">
Espace hôtels
</h5>
<div class="trending-tour-item__group-infor">
<div class="trending-tour-item__group-infor--left">
{#<span class="trending-tour-item__group-infor__rating"></span>#}
{#<div class="trending-tour-item__group-infor__lasting">{{ post.categories }}</div>#}
</div>
</div>
</div>
</a>
</div>
</div>
<!-- pagination -->
<div class="wander-pagination__pagination" style="display: flex; justify-content: center; justify-items: center;">
<div>
{{ knp_pagination_render(categories) }}
</div>
</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 %}