{% trans_default_domain 'front' %}
{% import "front/_shared/macros.html.twig" as macro %}
{% set isMobile = isMobile() %}
{% set account = account is defined %}
<div class="content">
{% if not isMobile %}
<h1><span>{{ accommodation.name }}</span></h1>
<h2 class="subtitle">{{ accommodation.address }}</h2>
{% else %}
<h2 class="detail-title">
Description <span>du logement</span>
</h2>
{% endif %}
<div class="icon-list">
<ul>
{% if not account %}
<li>
<img src="{{ asset('build/images/icons/smiley-wink.png') }}" alt="chambres">
{% if accommodation.totalAvailableRooms > 0 %}
<span class="green-txt">{{ 'total.rooms_available'|trans({count: accommodation.totalAvailableRooms})|raw }}</span>
{% if accommodation.rooms|length > 1 %}
/ {{ accommodation.rooms|length }}
{% endif %}
{% else %}
<span class="text-primary">{{ 'label.room_not_available'|trans }}</span>
{% endif %}
</li>
{% endif %}
<li><img src="{{ asset('build/images/icons/logement.png') }}" alt="logement"> {{ 'label.accommodation_surface'|trans({value: accommodation.surface}) }}</li>
{% if accommodation.transports|length > 0 %}
<li>
<img src="{{ asset('build/images/icons/metro.png') }}">
{{ accommodation.transports|map(t => t.label)|join(' / ') }}
</li>
{% endif %}
</ul>
</div>
{% if account %}
<div class="card mb-4 p-3">
{% if accommodation.info.netflix %}
<div class="d-flex flex-row align-items-center">
<img src="{{ asset('build/images/detail/netflix.svg') }}" width="20" alt="" class="mr-2">
<div>
<strong>Netflix :</strong>
{{ accommodation.info.netflix }}
</div>
</div>
{% endif %}
</div>
{% endif %}
<p>{{ accommodation.description|nl2br|raw }}</p>
</div>
{% if not isMobile %}
<div class="content" id="plan">
<h2 class="detail-title">
Plan des surfaces
</h2>
<div class="row">
<div class="col-12 col-md-12 lightbox-gallery text-center">
{% if accommodation.plan %}
<a href="{{ accommodation.plan | imagine_filter('accommodation_slider') }}">
<img class="plan" style="max-width: 100%;" src="{{ accommodation.plan | imagine_filter('wide_thumb') }}" alt="Plan des chambres">
</a>
{% endif %}
</div>
</div>
</div>
{% endif %}