templates/front/accommodation/accommodation-4.html.twig line 1

Open in your IDE?
  1. {% extends 'front/page.html.twig' %}
  2. {% trans_default_domain 'front' %}
  3. {% import "front/_shared/macros.html.twig" as macro %}
  5. {% block body_class %}{{ parent() }} {% endblock %}
  7. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  8. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  10. {% block header_class %}dark-header{% endblock %}
  12. {% set isMobile = isMobile() %}
  14. {% block header_content %}{% endblock %}
  17. {% block page_content %}
  19.     <div class="detail-head">
  20.         <div class="detail-title-container container-fluid">
  21.             <div class="owl-carousel carousel-detail with-dots" data-controller="carousel" data-type="detail">
  22.                 {% if accommodation.cover %}
  23.                     <div>
  24.                         <img src="{{ accommodation.cover | imagine_filter('accommodation_inline_slider') }}" alt="">
  25.                     </div>
  26.                 {% endif %}
  27.                 {% for image in accommodation.images %}
  28.                     <div>
  29.                         <img src="{{ image | imagine_filter('accommodation_inline_slider') }}" alt="">
  30.                     </div>
  31.                 {% endfor %}
  32.             </div>
  33.         </div>
  34.     </div>
  36.     <main class="detail detail-1 alt v4" data-controller="accommodation">
  38.         {% if not isMobile %}
  39.             <div class="menu-detail d-none d-lg-block">
  40.                 <ul>
  41.                     <li class="active"><a href="#description">Description</a></li>
  42.                     <li><a href="#plan">Plan</a></li>
  43.                     <li><a href="{{ accommodation.virtualTour }}" target="_blank" class="btn-explore"><img src="{{ asset('build/images/icons/icon_play.svg') }}" alt=""> Explorer</a></li>
  44.                     <li><a href="#chambres">Chambres</a></li>
  45.                     <li><a href="#emplacement">Emplacement</a></li>
  46.                 </ul>
  47.             </div>
  49.             <div id="virtual-tour-modal">
  50.             <div class="overlay"></div>
  51.             <div class="content">
  52.                 <button class="btn-close">x</button>
  53.                 <iframe></iframe>
  54.             </div>
  55.         </div>
  56.         {% endif %}
  58.         <div class="bg-info-ctn">
  59.             {% include 'front/accommodation/blocks/infos-4.html.twig' %}
  61.             <div class="container mt-4">
  62.                 <h2>
  63.                     Visite <span>virtuelle</span>
  64.                 </h2>
  65.                 <div id="explore-button-container" style="{% if accommodation.cover %}background-image: url({{ accommodation.cover | imagine_filter('accommodation_slider') }});{% endif %}">
  66.                     <a href="{{ accommodation.virtualTour }}" target="_blank" class="btn-explore">
  67.                         <span class="icon-play"></span>
  68.                         <span class="label">{{ 'title.explore_accommodation'|trans }}</span>
  69.                     </a>
  71.                     <div id="virtual-tour-modal">
  72.                         <div class="overlay"></div>
  73.                         <div class="content">
  74.                             <button class="btn-close">x</button>
  75.                             <iframe></iframe>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  81.             {% if isMobile %}
  82.                 <div class="container mt-4">
  83.                     <h2>
  84.                         Plan des surfaces
  85.                     </h2>
  86.                     <div class="row">
  87.                         <div class="col-12 col-md-12 lightbox-gallery text-center">
  88.                             {% if accommodation.plan %}
  89.                                 <a href="{{ accommodation.plan | imagine_filter('accommodation_slider') }}">
  90.                                     <img class="plan" style="max-width: 100%;" src="{{ accommodation.plan | imagine_filter('wide_thumb') }}" alt="Plan des chambres">
  91.                                 </a>
  92.                             {% endif %}
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             {% endif %}
  98.             <section class="container rooms" id="chambres" style="margin-top: 20px;">
  99.                 <div class="row">
  100.                     <div class="col rooms-inner mt-4">
  102.                         <h2 class="title-room">Toutes <span>les chambres</span></h2>
  103.                         <p class="intro-room">
  104.                             Retrouvez les chambres que nous proposons
  105.                         </p>
  107.                         {% for room in accommodation.activeRooms %}
  108.                             {% set availabilityDate = room.availablilityDate %}
  110.                             <div class="row room-card room {% if not room.available %}room-not-available{% endif %}" id="room-{{ room.id }}">
  111.                                 <div class="col-12 col-lg-3 col-xl-3 images">
  112.                                     <div class="owl-carousel carousel-homes" data-controller="carousel" data-type="homes">
  113.                                         {% for image in room.images %}
  114.                                             <div class="illu">
  115.                                                 <img src="{{ image | imagine_filter('room_slider') }}" alt="">
  116.                                             </div>
  117.                                         {% endfor %}
  118.                                     </div> <!-- carousel -->
  119.                                 </div> <!-- images-->
  120.                                 <div class="col-12 col-lg-9 col-xl-6 infos">
  121.                                     <h2>{{ room.name }}</h2>
  122.                                     <p>{{ room.description }}</p>
  124.                                     <h3>{{ 'label.room_equipment'|trans }}</h3>
  125.                                     <div class="equipment-list" data-controller="equipment-list">
  126.                                         {% set totalEquipment = 0 %}
  127.                                         <ul class="equip-list">
  128.                                             {% if room.privateToilet %}
  129.                                                 {% set totalEquipment = totalEquipment+1 %}
  130.                                                 <li><img src="{{ asset('build/images/icons/toilet.svg') }}" alt=""> {{ 'label.privateToilet'|trans }}</li>
  131.                                             {% endif %}
  132.                                             {% if room.privateBathroom %}
  133.                                                 {% set totalEquipment = totalEquipment+1 %}
  134.                                                 <li><img src="{{ asset('build/images/icons/bathtub.svg') }}" alt=""> {{ 'label.privateBathroom'|trans }}</li>
  135.                                             {% endif %}
  136.                                             {% if room.privateKitchen %}
  137.                                                 {% set totalEquipment = totalEquipment+1 %}
  138.                                                 <li><img src="{{ asset('build/images/icons/kitchen.svg') }}" alt=""> {{ 'label.privateKitchen'|trans }}</li>
  139.                                             {% endif %}
  141.                                             {% set totalEquipment = totalEquipment + room.equipments|length %}
  142.                                             {% for equipment in room.equipments %}
  143.                                                 <li>
  144.                                                     {% if equipment.image %}
  145.                                                         <img src="{{ equipment.image.getUrl() }}" alt="{{ equipment.label }}">
  146.                                                     {% else %}
  147.                                                         <img src="{{ asset('build/images/icons/icon-layers.png') }}" alt="{{ equipment.label }}">
  148.                                                     {% endif %}
  149.                                                     {{ equipment.label }}
  150.                                                 </li>
  151.                                             {% endfor %}
  152.                                         </ul>
  153.                                         {% if totalEquipment > 9 %}
  154.                                             <a href="" class="seemore open-list" data-action="equipment-list#more">Voir tous les équipements</a>
  155.                                             <a href="" class="seemore close-list" data-action="equipment-list#less">Réduire les équipements</a>
  156.                                         {% endif %}
  157.                                     </div>
  159.                                 </div> <!-- infos-->
  160.                                 <div class="col-12 col-lg-12 col-xl-3 resa">
  161.                                     <h3 class="price">{{ room.rent|format_currency('EUR')|currency }} <small>/ {{ 'label.month'|trans }}*</small></h3>
  162.                                     <!--p class="notice">{{ 'label.maxHousingAssistance'|trans }} <span>-{{ room.maxHousingAssistance|format_currency('EUR')|currency }}</span></p-->
  163.                                     <p class="notice">{{ 'label.charges'|trans }} <span>+{{ room.chargesFees|format_currency('EUR')|currency }}</span></p>
  164.                                     {% if room.cleaningFees %}
  165.                                         <p class="notice">{{ 'label.cleaningFees'|trans }} <span>+{{ room.cleaningFees|format_currency('EUR')|currency }}</span></p>
  166.                                     {% endif %}
  167.                                     <h4>{{ 'label.includedInCharges'|trans }}</h4>
  168.                                     <p class="included"><span>•</span> {{ room.chargesDetails|map(c => c.label)|join(', ') }}</p>
  170.                                     {% if room.available or availabilityDate is not null %}
  171.                                         {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  172.                                             <a href="{{ path('front_booking_index', {room: room.id}) }}" class="reserve open-dynamic-modal" data-route="{{ path('front_user_modal_login') }}">{{ 'action.book_room'|trans }}</a>
  173.                                         {% else %}
  174.                                             <a href="{{ path('front_booking_index', {room: room.id}) }}" class="reserve">
  175.                                                 {% if not app.user.isOccupyingRoom %}
  176.                                                     {{ 'action.book_room'|trans }}
  177.                                                 {% else %}
  178.                                                     {{ 'action.change_room'|trans }}
  179.                                                 {% endif %}
  180.                                             </a>
  181.                                         {% endif %}
  182.                                         {% if not room.available and availabilityDate is not null %}
  183.                                             <p class="alert-notice" style="margin-top: 0;">{{ 'label.available_from'|trans({date: availabilityDate|format_datetime('short', 'none')})|raw }}</p>
  184.                                         {% endif %}
  185.                                     {% else %}
  186.                                         <a href="{{ path('front_page_contact_room', {id: accommodation.id}) }}" class="btn btn-outline-primary">Liste d’attente</a>
  187.                                     {% endif %}
  188.                                     <a href="https://api.whatsapp.com/send?phone=+33782687923&text={{ (accommodation.name ~ ' - ' ~ room.name)|url_encode }}" target="_blank" class="whatsapp">Chat Whatsapp</a>
  190.                                 </div> <!-- resa-->
  192.                                 {% if room.eco %}
  193.                                     <div class="citizens-eco small" title="Petits prix">
  194.                                         <span>Citizens</span>
  195.                                         <strong>Eco</strong>
  196.                                     </div>
  197.                                 {% endif %}
  198.                             </div> <!-- room -->
  199.                         {% endfor %}
  200.                     </div>
  201.                 </div>
  203.             </section> <!-- rooms -->
  205.             {% include 'front/accommodation/blocks/geolocation-2.html.twig' %}
  208.         </div>
  210.         {% include "front/_shared/faq-2.html.twig" %}
  211.     </main>
  212. {% endblock %}
  214. {% block javascripts %}
  215.     {{ parent() }}
  216. {% endblock %}
  218. {% block javascripts_footer %}
  219. {% endblock %}