templates/front/search/accommodation-card.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'front' %}
  3. {% set thumbFilter = (thumbFilterName is defined) ? thumbFilterName : ((hideSlider is not defined) ? 'accommodation_thumb' : 'accommodation_square_thumb') %}
  5. <div class="{{ (class is defined) ? class : ''}} card-ctn"
  6.      data-id="{{ accommodation.id }}"
  7.      data-lat="{{ accommodation.address.latitude }}"
  8.      data-lng="{{ accommodation.address.longitude }}"
  9. >
  10.     <div class="bg">
  11.         <div class="item">
  12.             {% if hideSlider is not defined %}
  13.                 <div class="owl-carousel carousel-homes" data-controller="carousel" data-type="homes">
  14.                     <div class="illu">
  15.                         {% if not accommodation.cover %}
  16.                             <img src="{{ asset('build/images/image_placeholder.jpg') }}" loading="lazy">
  17.                         {% else %}
  18.                             <img src="{{ accommodation.cover | imagine_filter(thumbFilter) }}" alt="" loading="lazy">
  19.                         {% endif %}
  20.                     </div>
  22.                     {% for image in accommodation.images %}
  23.                         <div class="illu">
  24.                             <img src="{{ image | imagine_filter(thumbFilter) }}" alt="" loading="lazy">
  25.                         </div>
  26.                     {% endfor %}
  27.                 </div> <!-- carousel -->
  28.             {% else %}
  29.                 <a href="{{ path('front_accommodation_single', {id: accommodation.id}) }}" class="illu">
  30.                     {% if not accommodation.cover %}
  31.                         <img src="{{ asset('build/images/image_placeholder.jpg') }}" loading="lazy">
  32.                     {% else %}
  33.                         <img src="{{ accommodation.cover | imagine_filter(thumbFilter) }}" alt="" loading="lazy">
  34.                     {% endif %}
  35.                 </a>
  36.             {% endif %}
  37.             <a class="content" href="{{ path('front_accommodation_single', {id: accommodation.id}) }}">
  38.                 {% if altText is not defined %}
  39.                     <h3>{{ accommodation.name }}</h3>
  40.                     <h4>
  41.                         {{ accommodation.address.address }}
  42.                         <br>{{ accommodation.address.zipcode ~ ' ' ~ accommodation.address.city }}
  43.                     </h4>
  44.                     <p class="notice-price">{{ 'label.priceFrom'|trans }}</p>
  45.                     <p class="price">{{ accommodation.lowestPrice|format_currency('EUR')|currency }} / {{ 'label.month'|trans }}</p>
  46.                     {% if hideSlider is not defined %}
  47.                         <ul class="small-list">
  48.                             {% if accommodation.totalAvailableRooms > 0 %}
  49.                                 <li>
  50.                                     <img src="{{ asset('build/images/icons/smiley-wink.png') }}">
  51.                                     <span class="green">{{ 'total.rooms_available'|trans({count: accommodation.totalAvailableRooms})|raw }}</span>
  52.                                     {% if accommodation.rooms|length > 1 %}
  53.                                         &nbsp;/ {{ accommodation.rooms|length }}
  54.                                     {% endif %}
  55.                                 </li>
  56.                             {% endif %}
  57.                             <li><img src="{{ asset('build/images/icons/logement.png') }}"> Logement de {{ accommodation.surface }}m²</li>
  58.                             {% if accommodation.transports|length > 0 %}
  59.                                 <li>
  60.                                     <img src="{{ asset('build/images/icons/metro.png') }}">
  61.                                     {{ accommodation.transports|map(t => t.label)|join(' / ') }}
  62.                                 </li>
  63.                             {% endif %}
  64.                         </ul>
  65.                     {% endif %}
  66.                 {% else %}
  67.                     <div class="content-alt">
  68.                         <h3>{{ accommodation.name }}</h3>
  69.                         <div class="total-rooms"><span class="text-primary">{{ accommodation.rooms|length }}</span> ch</div>
  70.                     </div>
  71.                 {% endif %}
  72.             </a> <!-- content -->
  73.         </div> <!-- item-->
  75.         {% if hideSlider is not defined %}
  76.             {% if accommodation.totalAvailableRooms == 0 %}
  77.                 {% set firstRoomAvailability = accommodation.firstRoomAvailability %}
  78.                 <div class="notice new">
  79.                     {% if firstRoomAvailability is not null %}
  80.                         <div class="text-ctn">{{ 'label.available_from'|trans({date: firstRoomAvailability|format_datetime('short', 'none')})|raw }}</div>
  81.                     {% else %}
  82.                         <div class="text-ctn">{{ 'label.not_available'|trans }}</div>
  83.                     {% endif %}
  84.                     <img src="{{ asset('build/images/homes/triangle-red.png') }}">
  85.                 </div>
  86.             {% elseif accommodation.totalAvailableRooms < accommodation.rooms|length %}
  87.                 <div class="notice available">
  88.                     <div class="text-ctn">{{ 'total.available_rooms_left'|trans({count: accommodation.totalAvailableRooms}) }}</div>
  89.                     <img src="{{ asset('build/images/homes/triangle-green.png') }}">
  90.                 </div>
  91.             {% endif %}
  92.         {% endif %}
  94.     </div> <!-- bg -->
  95. </div> <!-- card ctn-->