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

Open in your IDE?
  1. <section class="promo-detail">
  2.     <div class="container">
  3.         <div class="promo-detail--ckeditor">
  4.             <div class="promo-detail--ckeditor-includes">
  5.                 {{ promotion.content | raw }}
  6.             </div>
  8.             {% if promotion.secondContent %}
  9.                 <div class="promo-detail--ckeditor-forget">
  10.                     {{ promotion.secondContent | raw }}
  11.                 </div>
  12.             {% endif %}
  14.             {% if promotion.thirdContent %}
  15.                 <div class="promo-detail--ckeditor-others">
  16.                     {{ promotion.thirdContent | raw }}
  17.                 </div>
  18.             {% endif %}
  20.             {% if promotion.document %}
  21.                 <div class="promo-detail--more-info">
  22.                     <a href="{{ promotion.document| file_url }}" target="_blank"
  23.                     class="promo-header--button button green">
  24.                         <span>{{ promotion.documentTitle }}</span>
  25.                     </a>
  26.                 </div>
  27.             {% endif %}
  29.             <div class="introduction--links">
  30.                 {% if promotion.popUpGalleryTitle %}
  31.                     <a href="#" class="introduction--link-gallery link black js-gallery-open"
  32.                     data-dest="introduction--gallery">
  33.                         <span>{{ promotion.popUpGalleryTitle }}</span>
  34.                     </a>
  35.                 {% endif %}
  36.             </div>
  39.             {% if promotion.popUpGalleryTitle %}
  40.                 <div class="introduction--gallery js-gallery-container">
  41.                     <div class="introduction--gallery-content">
  42.                         <div class="introduction--gallery-slider js-gallery-slider">
  43.                             {% for media in promotion.popUpGallery.medias %}
  44.                                 {% if media is youtubeVideo %}
  45.                                     <a data-src="{{ media|media_url }}" >
  46.                                         <img src="{{ get_thumbnail_url(media) }}" >
  47.                                     </a>
  48.                                 {% else %}
  49.                                     <a data-src="{{ media|resize(1280)|file_url }}">
  50.                                         <img src="{{ media|resize(1280)|file_url }}">
  51.                                     </a>
  52.                                 {% endif %}
  53.                             {% endfor %}
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.             {% endif %}
  58.         </div>
  60.         <div class="promo-detail--booking">
  61.             {% if promotion.gallery is not null %}
  62.                 <div class="promo-detail--image">
  63.                     <div class="media-slide {% if promotion.gallery.galleryHasMedias|length > 1 %} js-media-slide{% endif %}">
  64.                         {% for image in promotion.gallery.medias %}
  65.                             {% if image is youtubeVideo %}
  66.                                 <div class="promo-description--item has-video" style="overflow: hidden;">
  67.                                     <video id=""
  68.                                         autoplay
  69.                                         class="js-responsive-video preload-video"
  70.                                         data-desktop=""
  71.                                         data-tablet=""
  72.                                         data-mobile=""
  73.                                         loop
  74.                                         muted
  75.                                         data-setup=
  76.                                             '{
  77.                                                 "techOrder": ["youtube"],
  78.                                                 "sources": [{
  79.                                                                 "type": "video/youtube",
  80.                                                                 "src":
  81.                                                                 "{{ 'https://www.youtube.com/watch?v='~image.reference }}?modestbranding=1&;showinfo=0&;autohide=1&;rel=0;"
  82.                                                             }]
  83.                                             }'
  84.                                     >
  85.                                     </video>
  86.                                 </div>
  87.                             {% else %}
  88.                                 <div class="promo-description--item">
  89.                                     <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(image, null) }}"></picture-component>
  90.                                 </div>
  91.                             {% endif %}
  92.                         {% endfor %}
  93.                     </div>
  94.                 </div>
  95.             {% endif %}
  96.             {% if promotion.testimonials | length > 0 %}
  97.                 <div class="testimonials">
  98.                     <div class="testimonials--title">{{ 'app.promotions.testimonials' | trans | upper }}</div>
  99.                     <div class="media-slide js-media-slide">
  100.                         {% for testimonial in promotion.testimonials if (testimonial.enabled and testimonial.locale == app.request.locale) %}
  101.                             <div class="container-slide">
  102.                                 <div class="testimonials--top">
  103.                                     <div class="testimonials--top-left"><span>{{ testimonial.score }}</span>/5</div>
  104.                                     <div class="testimonials--top-right">
  105.                                         <div class="testimonials--top-right--hotel">
  106.                                             <i class="testimonials--top-icon">
  107.                                                 {% include 'partials/global/svg/location.svg.twig' %}
  108.                                             </i>
  109.                                             {{ testimonial.hotel.title }}
  110.                                         </div>
  111.                                         <div
  112.                                             class="testimonials--top-right--date">{{ testimonial.createdAt | date('d-m-Y') }}</div>
  113.                                     </div>
  114.                                 </div>
  115.                                 <div class="testimonials--content">
  116.                                     <div class="testimonials--content-title">{{ testimonial.author | title }}</div>
  117.                                     <div class="testimonial--content-text">
  118.                                         {{ testimonial.message }}
  119.                                     </div>
  120.                                 </div>
  121.                             </div>
  122.                         {% endfor %}
  123.                     </div>
  124.                 </div>
  125.             {% endif %}
  126.         </div>
  127.     </div>
  128. </section>