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.                     <a href="{{ path('front_accommodation_single', {id: accommodation.id}) }}" 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.                     </a>
  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.                     <div class="d-flex justify-content-between">
  45.                         <div>
  46.                             <p class="notice-price">{{ 'label.priceFrom'|trans }}</p>
  47.                             <p class="price">{{ accommodation.lowestPrice|format_currency('EUR')|currency }} / {{ 'label.month'|trans }}</p>
  48.                         </div>
  49.                         {% if accommodation.eco %}
  50.                             <div class="citizens-eco" title="Petits prix">
  51.                                 <span>Citizens</span>
  52.                                 <strong>Eco</strong>
  53.                             </div>
  54.                         {% endif %}
  55.                     </div>
  56.                     {% if hideSlider is not defined %}
  57.                         <ul class="small-list">
  58.                             {% if accommodation.totalAvailableRooms > 0 %}
  59.                                 <li>
  60.                                     <img src="{{ asset('build/images/icons/smiley-wink.png') }}">
  61.                                     <span class="green">{{ 'total.rooms_available'|trans({count: accommodation.totalAvailableRooms})|raw }}</span>
  62.                                     {% if accommodation.rooms|length > 1 %}
  63.                                         &nbsp;/ {{ accommodation.rooms|length }}
  64.                                     {% endif %}
  65.                                 </li>
  66.                             {% endif %}
  67.                             <li><img src="{{ asset('build/images/icons/logement.png') }}"> Logement de {{ accommodation.surface }}m²</li>
  68.                             {% if accommodation.transports|length > 0 %}
  69.                                 <li>
  70.                                     <img src="{{ asset('build/images/icons/metro.png') }}">
  71.                                     {{ accommodation.transports|map(t => t.label)|join(' / ') }}
  72.                                 </li>
  73.                             {% endif %}
  74.                         </ul>
  75.                     {% endif %}
  76.                 {% else %}
  77.                     <div class="content-alt">
  78.                         <h3>{{ accommodation.name }}</h3>
  79.                         <div class="total-rooms"><span class="text-primary">{{ accommodation.rooms|length }}</span> ch</div>
  80.                     </div>
  81.                 {% endif %}
  82.             </a> <!-- content -->
  83.         </div> <!-- item-->
  85.         {% if hideSlider is not defined %}
  86.             {% if accommodation.totalAvailableRooms == 0 %}
  87.                 {% set firstRoomAvailability = accommodation.firstRoomAvailability %}
  88.                 {% if firstRoomAvailability is not null %}
  89.                     <div class="notice available">
  90.                         <div class="text-ctn">{{ 'label.available_from'|trans({date: firstRoomAvailability|format_datetime('short', 'none')})|raw }}</div>
  91.                         <img src="{{ asset('build/images/homes/triangle-green.png') }}">
  92.                     </div>
  93.                 {% else %}
  94.                     <div class="notice new">
  95.                         <div class="text-ctn">{{ 'label.not_available'|trans }}</div>
  96.                         <img src="{{ asset('build/images/homes/triangle-red.png') }}">
  97.                     </div>
  98.                 {% endif %}
  99.             {% elseif accommodation.totalAvailableRooms < accommodation.rooms|length %}
  100.                 <div class="notice available">
  101.                     <div class="text-ctn">{{ 'total.available_rooms_left'|trans({count: accommodation.totalAvailableRooms}) }}</div>
  102.                     <img src="{{ asset('build/images/homes/triangle-green.png') }}">
  103.                 </div>
  104.             {% endif %}
  105.         {% endif %}
  107.     </div> <!-- bg -->
  108. </div> <!-- card ctn-->