templates/partials/promotions_detail/promo_info.html.twig line 1

Open in your IDE?
  1. {% set titleColor = isDefinedAndNotEmpty(promotion.titleColor) ? promotion.titleColor : 'white' %}
  2. {% set shortTextColor = isDefinedAndNotEmpty(promotion.shortTextColor) ? promotion.shortTextColor : 'black' %}
  3. <section class="promo-header">
  4.     <div class="promo-header-fixed js-fixed-header">
  5.          <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(promotion.image, null) }}"></picture-component>
  6.         <div class="container">
  7.             <div class="promo-header--big-col" style="color: {{ titleColor }}">
  8.                 {% for hotel in promotion.hotels %}
  9.                 <h2 class="promo-header--pretitle">{{ hotel.title }} / {{ hotel.city }}</h2>
  10.                 {% endfor %}
  11.                 <h1 class="promo-header--title" id="title-anchor">{{ promotion.title }}</h1>
  13.                 {% if promotion.showMiraiBookingBar %}
  14.                     {% include 'partials/global/booking_promo.html.twig' with {'promotion': promotion}%}
  15.                 {% endif %}
  17.             </div>
  19.             <div class="promo-header--small-col" style="color: {{ shortTextColor }}">
  21.                 <div class="promo-header--price">
  22.                     {% if promotion.showFrom %}
  23.                         {{ 'app.promotions.from' | trans }}
  24.                     {% endif %}
  25.                     <span>{{ promotion.priceTranslation }}</span>
  27.                     {% if promotion.showTo %}
  28.                         {{ 'app.promotions.to' | trans }}
  29.                     {% endif %}
  30.                     <span>{{ promotion.priceTo }}</span>
  31.                 </div>
  33.                 <div class="promo-header--pricetext">
  34.                     {{ promotion.offer }}
  36.                     {{ promotion.shortText }}
  37.                 </div>
  40.                 {% if not promotion.showMiraiBookingBar %}
  41.                     {% if promotion.isActive == true %}
  42.                         <a class="promo-header--link button green is-dark js-promos" href="{{ promotion.externalUrl }}"
  43.                             target="_blank">
  44.                             <span>{{ 'app.global.book' | trans }}</span>
  45.                         </a>
  46.                     {% else %}
  47.                         <div class="promo-header--text">{{ 'app.global.not_available' | trans }}</div>
  48.                         <a class="promo-header--button button green is-dark" href="{{ url('promotions') }}">
  49.                             <span>{{ 'app.global.not_available_button' | trans }}</span>
  50.                         </a>
  51.                     {% endif %}
  52.                 {% endif %}
  54.                 {# TODO.end #}
  55.             </div>
  56.         </div>
  58.         <div class="promo-header--anchor-mobile">
  59.             <div class="promo-header--anchor-mobile--price">
  60.                 {% if promotion.showFrom %}
  61.                     {{ 'app.promotions.from' | trans }}
  62.                 {% endif %}
  63.                 <span> {{ promotion.priceTranslation }}</span>
  64.             </div>
  65.             <div class="promo-header--anchor-mobile--btn">
  66.                 <a href="#title-anchor"> {{ 'app.promotions.reserve_mobile' | trans }}</a>
  67.             </div>
  68.         </div>
  70.     </div>
  71. </section>