{% extends 'front/base_front.html.twig' %}
{% block title %}{{ 'Pages.HotelByCity.Title' | trans({}, 'messages_front') }} {{ name }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('app') }}
{% endblock %}
{% block container %}
<section id="explore_area" class="section_padding">
<div class="container">
{% if name is defined and name is not null %}
<h2 class="hotels-city">{{ 'Pages.HotelSearch.Messages.HotelStayIn'|trans({}, 'messages_front') }} {{ name }}</h2>
{% endif %}
<div>
{% if city is defined and city.description is not null %}
<div class="city_details_boxed">
<p>{{ city.description }}</p>
</div>
{% endif %}
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="theme_search_form_area_city">
<h3 class="heading_theme_city"> {{ 'Pages.HotelSearch.Messages.SearchStay'|trans({}, 'messages_front') }} </h3>
<div {{ react_component('Hotel/HotelSearchForm', {
p_isAdmin : is_granted('ROLE_ADMIN'),
p_destination : {
'type' : 'city',
'name' : name,
'city' : name,
'country' : country
},
p_currency : app.session.get('userCurrency'),
p_exchange_rate : app.session.get('exchangeRate') ?? 1.0,
p_locale : app.session.get('_locale') ?? default_locale,
}) }}>
</div>
</div>
</div>
<div class="col-md-9">
{% if city.image %}
<img src="{{ city.image.url }}" alt="{{ name }}" class="img_city"/>
{% else %}
<img src="{{ asset('uploads/city/image_not_available.png') }}" alt="{{ name }}" class="img_city"/>
{% endif %}
</div>
</div>
{% if hotels | length > 0 %}
<div class="row mt-3">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="section_heading_center">
<h3>{{ 'Pages.Home.Messages.HotelByCity'|trans({} , 'messages_front') ~ name }}</h3>
</div>
<div class="row mt-2">
{% for hotel in hotels %}
<div class="col-lg-3">
{{ include('front/main/zones/itemZone2.html.twig', {'item' : hotel}) }}
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
</div>
</section>
{% endblock %}