<section class="main-block home-hotels home-section">
<div class="container">
{% for hotel in hotels %}
{% if hotel.enabled %}
{{ full_admin_edit(hotel, 'edit', {}, 'hotel-'~hotel.id~' icon-edit-inline', '', 'esi' ) }}
<div class="home-hotels--item">
<h3 class="home-hotels--item-title subtitle-caps">{{ hotel.location.name }}</h3>
{% if hotel.direction %}
<h4 class="home-hotels--item-direction">{{ hotel.direction }}</h4>
{% endif %}
<div class="home-hotels--item-content">
<div class="home-hotels--bg-desktop">
<picture-component class="js-picture-component" :image="{{ picture_data(hotel.verticalMainImage, null) }}"></picture-component>
</div>
<div class="home-hotels--bg-mobile">
<picture-component class="js-picture-component" :image="{{ picture_data(hotel.mainImage, null) }}"></picture-component>
</div>
<a class="home-hotels--link js-go-page" href="{{ path(hotel, {'type': 'hotel'}) }}"></a>
<div class="home-hotels--container position-relative hotel-{{ hotel.id }}">
<div class="lazy-animation">
<h3 class="home-hotels--pretitle">Artiem</h3>
<h2 class="home-hotels--title">{{ hotel.simpleName | upper }}</h2>
<ul class="home-hotels--keys">
<li class="home-hotels--keys-item">
<a class="js-go-page" href="{{ url(hotel) }}">{{ 'hotel.home' | trans }}</a>
</li>
{% for experience in hotel.experiences %}
<li class="home-hotels--keys-item">
<a class="js-go-page" href="{{ url(experience) }}">{{ experience.menuTitle }}</a>
</li>
{% endfor %}
<li class="home-hotels--keys-item">
<a class="js-go-page" href="{{ path(hotel, {'type': 'room'}) }}">{{ 'app.global.rooms' | trans }}</a>
</li>
{% if hotel.id == 3 %}
<li class="home-hotels--keys-item">
<a class="js-go-page" href="{{ url('wam_routing_url_29') }}">{{ 'app.global.apartments' | trans }}</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{#
<a class="home-hotels--item is-last" style="background-image: url('/img/bal-hotel.jpg');" href="{{ 'app.home.bal_hotel.url' | trans }}" target="_blank">
<div class="home-hotels--container position-relative hotel-5">
<div class="lazy-animation">
<h3 class="home-hotels--pretitle">{{ 'app.home.bal_hotel.pretitle' | trans }}</h3>
<h2 class="home-hotels--title">{{ 'app.home.bal_hotel.title' | trans }}</h2>
</div>
</div>
</a>
#}
{% include 'partials/home/scroll_button.html.twig' with { 'text': 'app.home.scroll.hotels'|trans|upper } %}
</section>