templates/front/accommodation/blocks/description-1.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'front' %}
  2. {% import "front/_shared/macros.html.twig" as macro %}
  3. {% set isMobile = isMobile() %}
  5. {% set account = account is defined %}
  7. {% if not isMobile %}
  8.     <h1><span>{{ accommodation.name }}</span></h1>
  9.     <h2 class="subtitle">{{ accommodation.address }}</h2>
  10. {% else %}
  11.     <h2 class="detail-title">
  12.         Description <span>du logement</span>
  13.     </h2>
  14. {% endif %}
  17. <div class="icon-list">
  18.     <ul>
  20.         {% if not account %}
  21.             <li>
  22.                 <img src="{{ asset('build/images/icons/smiley-wink.png') }}" alt="chambres">
  23.                 {% if accommodation.totalAvailableRooms > 0 %}
  24.                     <span class="green-txt">{{ 'total.rooms_available'|trans({count: accommodation.totalAvailableRooms})|raw }}</span>
  25.                     {% if accommodation.rooms|length > 1 %}
  26.                         &nbsp;/ {{ accommodation.rooms|length }}
  27.                     {% endif %}
  28.                 {% else %}
  29.                     <span class="text-primary">{{ 'label.room_not_available'|trans }}</span>
  30.                 {% endif %}
  31.             </li>
  32.         {% endif %}
  33.         <li><img src="{{ asset('build/images/icons/logement.png') }}" alt="logement"> {{ 'label.accommodation_surface'|trans({value: accommodation.surface}) }}</li>
  34.         {% if accommodation.transports|length > 0 %}
  35.             <li>
  36.                 <img src="{{ asset('build/images/icons/metro.png') }}">
  37.                 {{ accommodation.transports|map(t => t.label)|join(' / ') }}
  38.             </li>
  39.         {% endif %}
  40.     </ul>
  41. </div>
  43. {% if account %}
  44.     <div class="card mb-4 p-3">
  45.         {% if accommodation.info.netflix %}
  46.             <div class="d-flex flex-row align-items-center">
  47.                 <img src="{{ asset('build/images/detail/netflix.svg') }}" width="20" alt="" class="mr-2">
  48.                 <div>
  49.                     <strong>Netflix :</strong>
  50.                     {{ accommodation.info.netflix }}
  51.                 </div>
  52.             </div>
  53.         {% endif %}
  54.     </div>
  55. {% endif %}
  57. <p>{{ accommodation.description|nl2br|raw }}</p>
  59. {% if accommodation.equipments|length > 0 %}
  60.     {% if not isMobile %}
  61.         <h3>{{ 'title.accommodation_equipments'|trans|raw }}</h3>
  62.     {% else %}
  63.         <h2 class="detail-title">
  64.             {{ 'title.accommodation_equipments'|trans|raw }}
  65.         </h2>
  66.     {% endif %}
  67.     <div class="equipment-list equip-list" data-controller="equipment-list">
  68.         {% set totalEquipment = 0 %}
  69.         <ul>
  70.             {% if accommodation.girlsOnly %}
  71.                 {% set totalEquipment = totalEquipment+1 %}
  72.                 <li><img src="{{ asset('build/images/icons/girls.svg') }}" alt=""> {{ 'label.girlsOnly'|trans }}</li>
  73.             {% endif %}
  74.             {% if accommodation.garden %}
  75.                 {% set totalEquipment = totalEquipment+1 %}
  76.                 <li><img src="{{ asset('build/images/icons/garden.svg') }}" alt=""> {{ 'label.garden'|trans }}</li>
  77.             {% endif %}
  78.             {% if accommodation.petFriendly %}
  79.                 {% set totalEquipment = totalEquipment+1 %}
  80.                 <li><img src="{{ asset('build/images/icons/petfriendly.svg') }}" alt=""> {{ 'label.petFriendly'|trans }}</li>
  81.             {% endif %}
  83.             {% set totalEquipment = totalEquipment + accommodation.equipments|length %}
  84.             {% for equipment in accommodation.equipments %}
  85.                 <li>
  86.                     {% if equipment.image %}
  87.                         <img src="{{ equipment.image.getUrl() }}" alt="{{ equipment.label }}">
  88.                     {% else %}
  89.                         <img src="{{ asset('build/images/icons/icon-layers.png') }}" alt="{{ equipment.label }}">
  90.                     {% endif %}
  91.                     {{ equipment.label }}
  92.                 </li>
  93.             {% endfor %}
  94.         </ul>
  95.         {% if totalEquipment > 9 %}
  96.             <a href="" class="seemore open-list" data-action="equipment-list#more">Voir tous les équipements</a>
  97.             <a href="" class="seemore close-list" data-action="equipment-list#less">Réduire les équipements</a>
  98.         {% endif %}
  99.     </div>
  100. {% endif %}
  102. {% if accommodation.services|length > 0 %}
  103.     <div id="services" class="services">
  104.         {% if not isMobile %}
  105.             <h3>{{ 'title.accommodation_services'|trans|raw }}</h3>
  106.         {% else %}
  107.             <h2 class="detail-title">
  108.                 {{ 'title.accommodation_services'|trans|raw }}
  109.             </h2>
  110.         {% endif %}
  112.         <div class="accordion accordion-service" id="accordionRoom">
  113.             {% for service in accommodation.services %}
  114.                 <div class="card">
  115.                     <div class="card-header">
  116.                         <h2 class="mb-0">
  117.                             <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseService-{{ service.id }}">
  118.                                 <span class="w-icon">
  119.                                     {% if service.image %}
  120.                                         <img src="{{ service.image.getUrl() }}" alt="{{ service.label }}">
  121.                                     {% endif %}
  122.                                     {{ service.label }}
  123.                                 </span>
  124.                                 <span class="chevron"><img src="{{ asset('build/images/icons/chevron-down-dark.svg') }}"></span>
  125.                             </button>
  126.                         </h2>
  127.                     </div>
  128.                     <div id="collapseService-{{ service.id }}" class="collapse" data-parent="#accordionRoom">
  129.                         <div class="card-body">
  130.                             {{ service.description }}
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.             {% endfor %}
  135.         </div> <!-- accordion -->
  136.     </div> <!-- services -->
  137. {% endif %}
  139. {% if accommodation.universities|length > 0 %}
  140.     {% if not isMobile %}
  141.         <h3>{{ 'title.accommodation_universities'|trans|raw }}</h3>
  142.     {% else %}
  143.         <h2 class="detail-title">
  144.             {{ 'title.accommodation_universities'|trans|raw }}
  145.         </h2>
  146.     {% endif %}
  147.     <div class="mb-4">
  148.         <ul>
  149.             {% for university in accommodation.universities %}
  150.                 <li>
  151.                     {{ university.label }}
  152.                 </li>
  153.             {% endfor %}
  154.         </ul>
  155.     </div>
  156. {% endif %}
  158. {% if accommodation.getTotalAvailableRooms < accommodation.rooms|length %}
  159.     {% if not isMobile %}
  160.         <h3 id="colocataires">{{ 'title.accommodation_roommates'|trans|raw }}</h3>
  161.     {% else %}
  162.         <h2 class="detail-title">
  163.             {{ 'title.accommodation_roommates'|trans|raw }}
  164.         </h2>
  165.     {% endif %}
  166.     <div class="owl-carousel residents" data-controller="carousel" data-type="roommates">
  167.         {% for room in accommodation.rooms %}
  168.             {% if not room.available and room.occupancy is not null %}
  169.                 {% set occupant = room.occupancy.user %}
  170.                 <div class="resident">
  171.                     <h4>{{ room.name }}</h4>
  172.                     {{ macro.avatar(occupant) }}
  173.                     <h5>{{ occupant.firstname }}</h5>
  174.                     {% if occupant.birthday %}
  175.                         <p class="age">
  176.                             {{ 'label.user_age'|trans({value: date('now').diff(occupant.birthday).format('%y')}) }}
  177.                         </p>
  178.                     {% endif %}
  179.                     {% if occupant.job %}
  180.                         <p class="status">{{ occupant.job }}</p>
  181.                     {% endif %}
  182.                 </div> <!-- résident -->
  183.             {% endif %}
  184.         {% endfor %}
  185.     </div> <!-- residents -->
  186. {% endif %}
  188. {% if not isMobile %}
  189.     {% include 'front/accommodation/blocks/geolocation.html.twig' %}
  190. {% endif %}