templates/includes/teaser/location-teaser.html.twig line 1

Open in your IDE?
  1. {% set detailLink = linkGenerator(location) %}
  2. <article class="location-teaser shadow border-radius-4 stretch-link">
  3.     {% if location.image %}
  4.         <div class="ratio ratio-6x4">
  5.             {{ location.image.thumbnail('location-teaser').getHtml({
  6.                 imgAttributes: {
  7.                     class: 'js-lazy-img ratio-item location-teaser__img',
  8.                 },
  9.                 lowQualityPlaceholder: true,
  10.             })|raw }}
  11.         </div>
  12.     {% endif %}
  14.     <div class="location-teaser__content d-flex flex-column">
  15.         {{ include('includes/resort-badge.html.twig', {
  16.             resorts: location.resorts
  17.         }) }}
  19.         <h3 class="location-teaser__title">
  20.             <a href="{{ detailLink }}" class="stretch-link__link">
  21.                 {{ location.name }}
  22.             </a>
  23.         </h3>
  24.         <div class="location-teaser__text-wrapper d-flex">
  25.             {% if location.street or location.zip or location.city %}
  26.                 <address class="location-teaser__address mb-0">
  27.                     {% if location.street %}
  28.                         {{ location.street }} <br>
  29.                     {% endif %}
  30.                     {% if location.zip or location.city %}
  31.                         {{ location.zip }} {{ location.city }} <br>
  32.                     {% endif %}
  33.                     {% if location.config()[0] is defined and location.config()[0].country %}
  34.                         {{ elements_get_country_name(location.config()[0].country) }}
  35.                     {% endif %}
  36.                 </address>
  37.             {% endif %}
  38.             {% if location.phone or location.email %}
  39.                 <div class="location-teaser__contact">
  40.                     {% if location.phone %}
  41.                         <div>
  42.                             <a href="tel:{{ location.phone|phone }}" class="link-with-icon text-secondary" title="phone">
  43.                                 <span class="icon icon-phone" aria-hidden="true"></span>{{ location.phone }}
  44.                             </a>
  45.                         </div>
  46.                     {% endif %}
  47.                     {% if location.email %}
  48.                         <div>
  49.                             <a href="mailto:{{ location.email }}" class="link-with-icon text-secondary" title="phone">
  50.                                 <span class="icon icon-mail" aria-hidden="true"></span>{{ location.email }}
  51.                             </a>
  52.                         </div>
  53.                     {% endif %}
  54.                 </div>  
  55.             {% endif %}
  56.         </div>
  57.         <a href="{{ detailLink }}" class="btn btn-dark">{{ 'teaser.read more'|trans }}</a>
  58.     </div>
  59. </article>