{% extends 'base.html.twig' %}
{% block body %}
{% block block_navstart %} {% include "_partials/_nav.html.twig" %} {% endblock %}
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8">
{{ form_start(form, {'attr': {'class': 'form-inline ml-3'}}) }}
<div class="input-group">
<a class="mt-4 mx-2" href="{{ path('app_hebergements_similars', {catego: catSimilar}) }}">
<i class="fa-solid fa-rotate-right fa-2x bg-light"></i></a>
{{ form_row(form.q, {'attr': {'class': 'form-control W-500 border-3'}}) }}
<div class="input-group-append">
<button type="submit" class="btn btn-light mt-4 border-3">
<i class="fas fa-search text-muted"></i>
</button>
</div>
</div>
{{ form_end(form) }} <!-- -->
</div>
</div>
<!-- Hebergements similaires-->
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="bg-light " style="color:#808000;">BestMarketBusiness - Liste Hebergements similaires</h2>
<p><strong>Pour faciliter la recherche des HOTELS ou HEBERGEMENTS similaires, Saisissez le nom de la VILLE ou le
PAYS ou la LOCALITE dans la barre de recherche....</strong>
</p>
</div>
</div>
<div class="row">
{% for hebergement in hebergementsSimilars %}
{% if hebergement.categorieshebergements.id == catSimilar %}
<div class="col-md-6 col-lg-3 my-1">
<div class="card p-1">
<div class="card-body">
<h1 class="card-title h5">{{ hebergement.name }}</h1>
<img src="{{ asset('uploads/images/' ~ hebergement.imageFileName) }}"
alt="{{ hebergement.name }}" class="img-fluid" style="width: 300px; height: 300px;" />
<div>{{ hebergement.description | slice (0, 50) }}...etc.</div>
<div><strong>{{ hebergement.categorieshebergements.name }}</strong></div>
<div style="color:#808000;"><strong>{{ hebergement.city }} - ({{ hebergement.country }})</strong></div>
<div>
<a href="{{ path('app_hebergements_details', {slug: hebergement.slug, id: hebergement.id}) }}" class="btn btn-primary btn-sm">Voir les détails</a>
<a href="{{ path('app_hebergements_similars', {catego: hebergement.categorieshebergements.id}) }}" class="btn btn-secondary btn-sm">Hebergements similaires</a>
{% set i = 0 %}
{% for statElem in allStatistiques %}
{% if hebergement.id == statElem.idElement and statElem.page == 'DETAIL_HEBERGEMENT' %}
{% set i = i + 1 %}
{% endif %}
{% endfor %}
{% include '_partials/_compteur_vues.html.twig' %} {## COMPTEUR_VUES ##}
</div>
</div>
</div>
<a href="#"></a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endblock %}