{% trans_default_domain 'front' %}
{% import "front/_shared/macros.html.twig" as macro %}
<div class="accommodation-sidebar rooms-mini">
<h2>Toutes <span>les chambres</span></h2>
{% for room in accommodation.activeRooms %}
{% set availabilityDate = room.availablilityDate %}
<div class="room row">
<div class="col-12 col-lg-4 images">
<div class="owl-carousel carousel-homes" data-controller="carousel" data-type="homes">
{% for image in room.images %}
<div class="illu">
<img src="{{ image | imagine_filter('room_slider') }}" alt="">
</div>
{% endfor %}
</div>
{% if room.available %}
<div class="available">
<div class="text-ctn">{{ 'label.room_available'|trans }}</div>
<img src="{{ asset('build/images/icons/triangle-darkgreen.png') }}">
</div>
{% else %}
<div class="occupied">
{% if availabilityDate is not null %}
<div class="text-ctn">{{ 'label.available_from'|trans({date: availabilityDate|format_datetime('short', 'none')})|raw }}</div>
{% else %}
<div class="text-ctn">{{ 'label.room_not_available'|trans }}</div>
{% endif %}
<img src="{{ asset('build/images/icons/triangle-darkgreen.png') }}">
</div>
{% endif %}
</div> <!-- images-->
<div class="col-12 col-lg-8 infos">
<h3>{{ room.name }}</h3>
<p class="price">{{ room.rent|format_currency('EUR')|currency }} <small>/ {{ 'label.month'|trans }}*</p>
<p class="notice">{{ 'label.maxHousingAssistance'|trans }} <span>-{{ room.maxHousingAssistance|format_currency('EUR')|currency }}</span></p>
<p class="notice">{{ 'label.charges'|trans }} <span>+{{ room.chargesFees|format_currency('EUR')|currency }}</span></p>
<a href="#room-{{ room.id }}" class="btn btn-primary btn-sm">Voir la chambre</a>
</div> <!-- infos-->
</div> <!-- room -->
{% endfor %}
<div class="btn-contact-room-container">
<a href="{{ path('front_page_contact_room', {id: accommodation.id}) }}" class="btn btn-outline-dark btn-contact-room">SE METTRE SUR LISTE D'ATTENTE</a>
</div>
</div> <!-- rooms mini -->