<div class="container container-custom margin_30_95">
<section class="">
<div class="main_title_3">
<span><em></em></span>
<h2>{{ 'home.popularResto'|trans([],'home_page') }}</h2>
</div>
<div class="carousel-container">
<div class="mon-carousel">
{% set categRestoId = 0 %}
{% set categRestoSlug = '' %}
{% set categRestoNumber = 0 %}
{% for category in categories %}
{% if category.name == "Restauration" %}
{% set categRestoId = category.id %}
{% set categRestoSlug = category.slug %}
{% set attractions = category.attractions %}
{% set categRestoNumber = attractions | length %}
{% for attraction in attractions|slice(0, 4) %}
<div style="width: 100%; height: 220px;" class="colonne">
<a href="{{ path('app_services_attraction', {'id': attraction.id}) }}" class="grid_item">
<figure style="position: relative">
<div class="score" style="right: 0px !important; top: 0px !important;">
{% if attraction.isCertify == true %}
<span style="font-size: 25px; color: #3982f8;"><i class="fas fa-badge-check"></i></span>
{% endif %}
</div>
<div class="" style="max-height: 220px; display: flex; align-items: center;">
<img src="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}" class="img-fluid" alt="{{ attraction.name }}" style="min-height: 220px; vertical-align: middle;">
</div>
<div class="info">
<h3>{{ attraction.name |upper }}</h3>
</div>
</figure>
</a>
</div>
{% endfor %}
{% endif %}
{% endfor %}
<!-- /grid_item -->
</div>
<button class="prev-button hide d-block d-md-none"><</button>
<button class="next-button d-block d-md-none">></button>
</div>
<!-- /row -->
<a href="{{ path('app_coin_by_category', {'category': categRestoId, 'name': categRestoSlug }) }}" class="mt-2 pt-3"><strong>{{ 'home.seeMore'|trans([],'home_page') }} <i
class="arrow_carrot-right"></i></strong></a>
</section>
<br>
<!-- /section -->
<section class="">
<div class="main_title_3">
<span><em></em></span>
<h2>{{ 'home.popularHotel'|trans([],'home_page') }}</h2>
</div>
<div class="carousel-container">
<div class="mon-carousel">
{% set categHotelId = 0 %}
{% set categHotelSlug = '' %}
{% set categHotelNumber = 0 %}
{% for category in categories %}
{% if category.name == "Hotels Et Hebergements" %}
{% set categHotelId = category.id %}
{% set categHotelSlug = category.slug %}
{% set attractions = category.attractions %}
{% for attraction in attractions|slice(0, 4) %}
<div style="width: 100%; height: 200px;" class="colonne">
<a href="{{ path('app_services_attraction', {'id': attraction.id}) }}" class="grid_item">
<figure>
<div class="score" style="right: 0px !important; top: 0px !important;">
{% if attraction.isCertify == true %}
<span style="font-size: 25px; color: #3982f8;"><i class="fas fa-badge-check"></i></span>
{% endif %}
</div>
<div class="" style="max-height: 200px; display: flex; align-items: center;">
<img src="{{ attraction.url | length > 0 ? attraction.url : asset('build/images/autres/1-600.c14c1b04.jpg') }}" class="img-fluid" alt="{{ attraction.name }}" style="width: 100%; vertical-align: middle;">
</div>
<div class="info">
<h3>{{ attraction.name |upper }}</h3>
</div>
</figure>
</a>
</div>
{% endfor %}
{% endif %}
{% endfor %}
<!-- /grid_item -->
</div>
<button class="prev-button hide d-block d-md-none"><</button>
<button class="next-button d-block d-md-none">></button>
</div>
<!-- /row -->
<a href="{{ path('app_coin_by_category', {'category': categHotelId, 'name': categHotelSlug }) }}" class="mt-2 pt-3 mb-3"><strong>{{ 'home.seeMore'|trans([],'home_page') }}<i
class="arrow_carrot-right"></i></strong></a>
</section>
<br>
<!-- /section -->
<div class="mb-0">
{% include '_partials/home/slider-pub.html.twig' %}
</div>
<!-- /banner -->
</div>
<!-- /container -->