templates/location/detail.html.twig line 1

Open in your IDE?
  1. {% extends "layout/default.html.twig" %}
  3. {% block content %}
  4.     {{ jld_root(location, true, true) }}
  5.     {% set detailUrl = linkGenerator(location) %}
  6.     {% do elements_canonical(detailUrl, false) %}
  7.     {% do elements_opengraph().setUrl(detailUrl) %}
  8.     {% do elements_head_title(location.SeoTitle ?: location.name, true) %}
  9.     {% do elements_head_meta(location.SeoDescription ?: location.name, true) %}
  10.     {% do elements_opengraph().addImage(location.image()) %}
  12.     <main id="main-content" role="main" class="main-content content-block js-content-visibility">
  13.         <section class="location container content-block-small">
  14.             <div class="row gy-4">
  15.                 <div class="col-xl-6 col-lg-7 col-xxl-5 col-sm-12">
  16.                     {% if not editmode %}
  17.                         {% do breadcrumbHelper().add({
  18.                             'parentId': 0,
  19.                             'url': detailUrl,
  20.                             'label': location.name,
  21.                         }) %}
  22.                         {{ include('navigation/breadcrumb.html.twig') }}
  23.                     {% endif %}
  25.                     <a href="{{ siteConfig().getLocationOverview() }}" class="link-primary__left btn-back">
  26.                         <span class="icon icon-arrow icon-rotate-180"></span>
  27.                         {{ 'detail.backButton'|trans }}
  28.                     </a>
  29.                     {{ include('includes/resort-badge.html.twig', {
  30.                         resorts: location.resorts
  31.                     }) }}
  33.                     {{ include('includes/title-blocks/title-block-object.html.twig', {titleBold: location.name, titleStyle: 'h2', titleTag: 'h1'}) }}
  35.                     <address class="row gy-4 location__address mb-0">
  36.                         <div class="col-lg-7 col-md-6 col-sm-12 text-color-grey">
  37.                             <div class="font-bold ">{{ location.name }}</div>
  38.                             {% if location.street or location.zip or location.city %}
  39.                                 <div>
  40.                                     {% if location.street %}
  41.                                         {{ location.street }}<br/>
  42.                                     {% endif %}
  43.                                     {% if location.zip or location.city %}
  44.                                         {{ location.zip }} {{ location.city }} <br>
  45.                                     {% endif %}
  46.                                     {% if location.config()[0] is defined and location.config()[0].country %}
  47.                                         {{ elements_get_country_name(location.config()[0].country) }}
  48.                                     {% endif %}
  49.                                 </div>
  50.                             {% endif %}
  51.                         </div>
  52.                         {% if location.phone or location.fax or location.email %}
  53.                             <div class="col-lg-5 col-md-6 col-sm-12 font-bold location__address-links">
  54.                                 {% if location.phone %}
  55.                                     <a href="tel:{{ location.phone|phone }}" class="location__address-link link-with-icon text-secondary" title="phone">
  56.                                         <span class="contact icon icon-phone" aria-hidden="false"></span>
  57.                                         {{ location.phone }}
  58.                                     </a>
  59.                                 {% endif %}
  60.                                 {% if location.fax %}
  61.                                     <a href="tel:{{ location.fax|phone }}" class="location__address-link link-with-text text-secondary">
  62.                                     <span class="text">
  63.                                         {{ 'location.detail.fax'|trans }}
  64.                                     </span>
  65.                                         {{ location.fax }}
  66.                                     </a>
  67.                                 {% endif %}
  68.                                 {% if location.email %}
  69.                                     <a href="mailto:{{ location.email }}" class="location__address-link link-with-icon text-secondary" title="mail">
  70.                                         <span class="contact icon icon-mail" aria-hidden="false"></span>
  71.                                         {{ location.email }}
  72.                                     </a>
  73.                                 {% endif %}
  74.                             </div>
  75.                         {% endif %}
  76.                     </address>
  78.                     {% if location.openingTimes %}
  79.                     <div class="row mt-md-5 mt-4">
  80.                         <div class="col-xxl-8">
  81.                             <div class="font-bold mb-2">{{ 'location.detail.Öffnungszeiten'|trans }}</div>
  82.                             <div class="table-responsive wysiwyg">
  83.                                 {{ location.openingTimes|raw }}
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                     {% endif %}
  88.                 </div>
  89.                 <div class="col-xl-6 col-lg-5 col-sm-12 col-xxl-5 offset-xxl-1 offset-xl-0 order-0 order-md-1">
  90.                     <div class="container__break-right-half-md">
  91.                         <div class="ratio ratio-3x2">
  93.                             {{ location.image.thumbnail("location-hero").getHtml({
  94.                                 imgAttributes: {
  95.                                     class: 'location-img ratio-item location__img',
  96.                                     loading: 'eager'
  97.                                 }
  98.                             })|raw }}
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.         </section>
  106.         {% set contacts = location.contacts %}
  107.         {% if contacts|length > 0 %}
  108.             <section class="contact-person-area container content-block-small">
  109.                 {{ include('includes/title-blocks/title-block-object.html.twig', {titleBold: 'location.detail.Anprechpersonen am Standort'|trans, titleStyle: 'h3'}) }}
  110.                 <div class="row gy-3">
  111.                     {% for contactPerson in contacts %}
  112.                         <div class="col-xxl-4 col-xl-6 col-md-6 col-sm-12">
  113.                             {{ include('includes/teaser/contact-person-teaser.html.twig', {
  114.                                 contactPerson: contactPerson
  115.                             }) }}
  116.                         </div>
  117.                     {% endfor %}
  118.                 </div>
  119.             </section>
  120.         {% endif %}
  122.         {{ include('includes/map-area.html.twig', {
  123.             title: "location.detail.Anfahrt zum Standort"|trans,
  124.             geoPoint: location.geo,
  125.             street: location.street,
  126.             zip: location.zip,
  127.             city: location.city,
  128.         }) }}
  129.     </main>
  130. {% endblock %}