templates/facility/partials/facility-tabbing-content.html.twig line 120

Open in your IDE?
  1. {% set liftsExist = lifts is defined and lifts|length > 0 %}
  2. {% set slopesExist = slopes is defined and slopes|length > 0 %}
  3. {% set miscExist = misc is defined and misc|length > 0 %}
  4. {% set salePointsExists = salesPoints is defined and salesPoints|length > 0 %}
  6. <section class="{{ className|default('') }} js-affix__container">
  7.     <div class="container js-smoothscroll">
  8.         {% if not liftsExist and not slopesExist and not miscExist %}
  9.             <div class="mt-5 text-center">
  10.                 {{ 'facility.overview.no-facilities'|trans }}
  11.             </div>
  12.         {% endif %}
  13.         <ul class="list-unstyled scroll-links pt-32 mb-64 mb-md-80">
  14.             {% if liftsExist %}
  15.                 <li class="scroll-link__item">
  16.                     <a class="js-smoothscroll__link scroll-link__link" href="#lifts">
  17.                         <span class="icon icon-arrow-down scroll-link__icon" aria-hidden="true"></span>
  18.                         {{ 'facility.overview.lifts'|trans }}
  19.                     </a>
  20.                 </li>
  21.             {% endif %}
  22.             {% if slopesExist %}
  23.                 <li class="scroll-link__item">
  24.                     <a class="js-smoothscroll__link scroll-link__link" href="#slopes">
  25.                         <span class="icon icon-arrow-down scroll-link__icon" aria-hidden="true"></span>
  26.                         {{ 'facility.overview.slopes'|trans }}
  27.                     </a>
  28.                 </li>
  29.             {% endif %}
  30.             {% if miscExist %}
  31.                 <li class="scroll-link__item">
  32.                     <a class="js-smoothscroll__link scroll-link__link" href="#misc">
  33.                         <span class="icon icon-arrow-down scroll-link__icon" aria-hidden="true"></span>
  34.                         {{ 'facility.overview.miscellaneous'|trans }}
  35.                     </a>
  36.                 </li>
  37.             {% endif %}
  38.             {% if salePointsExists %}
  39.                 <li class="scroll-link__item">
  40.                     <a class="js-smoothscroll__link scroll-link__link" href="#misc">
  41.                         <span class="icon icon-arrow-down scroll-link__icon" aria-hidden="true"></span>
  42.                         {{ 'facility.overview.salesPoints'|trans }}
  43.                     </a>
  44.                 </li>
  45.             {% endif %}
  46.         </ul>
  48.         <div class="row">
  49.             <div class="col-12 col-md-8">
  50.                 {% if liftsExist %}
  51.                     {{ include('facility/partials/lifts.html.twig', { 'lifts': lifts, 'liftTypes': liftTypes }) }}
  52.                 {% endif %}
  53.                 {% if slopesExist %}
  54.                     {{ include('facility/partials/slopes.html.twig', { 'slopes': slopes, 'slopeTypes': slopeTypes }) }}
  55.                 {% endif %}
  56.                 {% if miscExist %}
  57.                     {{ include('facility/partials/misc.html.twig', { 'misc': misc }) }}
  58.                 {% endif %}
  59.                 {% if salePointsExists %}
  60.                     {{ include('facility/partials/salespoints.html.twig', { 'salesPoints': salesPoints }) }}
  61.                 {% endif %}
  62.             </div>
  64.             <div class="col-md-4 d-md-block d-none">
  65.                 {% if snippet|default(false) %}
  66.                     <div class="js-affix__placeholder h-100">
  67.                         <div class="js-affix" data-affix-offset="96">
  68.                             <div class="live-item live-item--box-shadow">
  69.                                 <div class="live-item__toptitle">{{ snippet.getEditable('toptitle').data }}</div>
  70.                                 <div class="live-item__title mb-md-3">{{ snippet.getEditable('title').data }}</div>
  71.                                 <div class="live-item__content">
  72.                                     {{ snippet.getEditable('text').data }}
  73.                                 </div>
  74.                                 {% if snippet.getEditable('link').data.path %}
  75.                                     <a class="btn btn-tertiary mt-32" href="{{ snippet.getEditable('link').data.path }}"
  76.                                        target="{{ snippet.getEditable('link').data.target }}"
  77.                                     >
  78.                                         {{ snippet.getEditable('link').data.text }}
  79.                                     </a>
  80.                                 {% endif %}
  81.                             </div>
  82.                         </div>
  83.                     </div>
  84.                 {% endif %}
  85.                 {% if weather|default(false) %}
  86.                     {% set forecast = weather.forecasts.items[0] %}
  87.                     {% set wind = forecast.windForce and forecast.windDirection %}
  88.                     <div class="weather-item weather-item--box-shadow mt-3 pb-32">
  89.                         <h3 class="weather-item__toptitle mb-2 d-inline-block">{{ weather.name }}</h3>
  90.                         <time class="weather-item__title d-block mb-32" datetime="{{ forecast.date('Y-m-d') }}">
  91.                             {{ ('general.weekday.' ~ forecast.date|date('l'))|trans }}, {{ forecast.date|date('d//.m//.Y') }}
  92.                         </time>
  94.                         <div class="row gy-32 gy-md-64 gx-3">
  95.                             <div class="col-3">
  96.                                 <div class="weather-item__max">{{ forecast.tempMax }} {{ 'general.degree'|trans }}</div>
  97.                                 <div class="weather-item__min">{{ forecast.tempMin }} {{ 'general.degree'|trans }}</div>
  98.                             </div>
  99.                             <div class="col-3 text-center">
  100.                                 <span class="weather-item__icon icon icon-elements"></span>
  101.                                 <div class="weather-item__description">{{ 'weather.icon.morning'|trans }}</div>
  102.                             </div>
  103.                             <div class="col-3 text-center">
  104.                                 <span class="weather-item__icon icon icon-elements"></span>
  105.                                 <div class="weather-item__description">{{ 'weather.icon.afternoon'|trans }}</div>
  106.                             </div>
  107.                             <div class="col-3 text-center">
  108.                                 <span class="weather-item__icon icon icon-wind text-secondary"></span>
  109.                                 <div class="weather-item__description">
  110.                                     {{ forecast.windForce }} {{ 'general.km/h'|trans }}
  111.                                 </div>
  112.                             </div>
  113.                         </div>
  114.                         <a class="arrow-link mt-32" href="{{ getSiteConfig().weatherDocument }}">
  115.                             <span>{{ 'facility.overview.weather-link'|trans }}</span>
  116.                             <span class="arrow-link__icon icon icon-arrow-right"></span>
  117.                         </a>
  118.                     </div>
  119.                 {% endif %}
  120.                 {% if warnings %}
  122.                     {% for warning in warnings %}
  123.                         <ul class="facilities-warnings list-unstyled d-none d-md-block">
  124.                             <li class="facilities-warnings__item">
  125.                                 <div class="d-flex align-items-center mb-2">
  126.                                     <span class="icon icon-{{ warning.priority == '1' ? 'warning' : 'info' }} facilities-warnings__icon" aria-hidden="true"></span>
  127.                                     <span class="facilities-warnings__title">{{ warning.title|trans }}</span>
  128.                                 </div>
  129.                                 <span class="facilities-warnings__text">{{ warning.content }}</span>
  130.                             </li>
  131.                         </ul>
  132.                     {% endfor %}
  134.                 {% endif %}
  135.             </div>
  136.         </div>
  137.     </div>
  138. </section>