{% trans_default_domain 'front' %}{% import "front/_shared/macros.html.twig" as macro %}<div id="description" class="accommodation-sidebar"> {% if accommodation.equipments|length > 0 %} <div class="content transparent"> {% if not isMobile %} <h3>{{ 'title.accommodation_equipments'|trans|raw }}</h3> {% else %} <h2 class="detail-title"> {{ 'title.accommodation_equipments'|trans|raw }} </h2> {% endif %} <div class="equipment-list equip-list" data-controller="equipment-list"> {% set totalEquipment = 0 %} <ul> {% if accommodation.girlsOnly %} {% set totalEquipment = totalEquipment+1 %} <li><img src="{{ asset('build/images/icons/girls.svg') }}" alt=""> {{ 'label.girlsOnly'|trans }}</li> {% endif %} {% if accommodation.garden %} {% set totalEquipment = totalEquipment+1 %} <li><img src="{{ asset('build/images/icons/garden.svg') }}" alt=""> {{ 'label.garden'|trans }}</li> {% endif %} {% if accommodation.petFriendly %} {% set totalEquipment = totalEquipment+1 %} <li><img src="{{ asset('build/images/icons/petfriendly.svg') }}" alt=""> {{ 'label.petFriendly'|trans }}</li> {% endif %} {% set totalEquipment = totalEquipment + accommodation.equipments|length %} {% for equipment in accommodation.equipments %} <li> {% if equipment.image %} <img src="{{ equipment.image.getUrl() }}" alt="{{ equipment.label }}"> {% else %} <img src="{{ asset('build/images/icons/icon-layers.png') }}" alt="{{ equipment.label }}"> {% endif %} {{ equipment.label }} </li> {% endfor %} </ul> {% if totalEquipment > 9 %} <a href="" class="seemore open-list" data-action="equipment-list#more">Voir tous les équipements</a> <a href="" class="seemore close-list" data-action="equipment-list#less">Réduire les équipements</a> {% endif %} </div> </div> {% endif %} {% if accommodation.services|length > 0 %} <div class="content transparent"> <div id="services" class="services"> {% if not isMobile %} <h3>{{ 'title.accommodation_services'|trans|raw }}</h3> {% else %} <h2 class="detail-title"> {{ 'title.accommodation_services'|trans|raw }} </h2> {% endif %} <div class="accordion accordion-service" id="accordionRoom"> {% for service in accommodation.services %} <div class="card"> <div class="card-header"> <h2 class="mb-0"> <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseService-{{ service.id }}"> <span class="w-icon"> {% if service.image %} <img src="{{ service.image.getUrl() }}" alt="{{ service.label }}"> {% endif %} {{ service.label }} </span> <span class="chevron"><img src="{{ asset('build/images/icons/chevron-down-dark.svg') }}"></span> </button> </h2> </div> <div id="collapseService-{{ service.id }}" class="collapse" data-parent="#accordionRoom"> <div class="card-body"> {{ service.description }} </div> </div> </div> {% endfor %} </div> </div> </div> {% endif %} {% if accommodation.getTotalAvailableRooms < accommodation.rooms|length %} <div class="content transparent"> <h2 class="detail-title"> Colivers </h2> <div class="owl-carousel residents" data-controller="carousel" data-type="roommates"> {% for room in accommodation.rooms %} {% if not room.available and room.occupancy is not null %} {% set occupant = room.occupancy.user %} <div class="resident alt"> {{ macro.avatar(occupant) }} <h5>{{ occupant.firstname }} {% if occupant.birthday %} - {{ 'label.user_age'|trans({value: date('now').diff(occupant.birthday).format('%y')}) }} {% endif %} </h5> {% if occupant.job %} <p class="status">{{ occupant.job }}</p> {% endif %} {% if occupant.nationality %} <em>Nationalité {{ occupant.nationality }}</em> {% endif %} </div> <!-- résident --> {% endif %} {% endfor %} </div> <!-- residents --> </div> {% endif %}</div>