templates/partials/home/best_hotel_block_tabs.html.twig line 1

Open in your IDE?
  1. <div class="best-hotel-block">
  2.     <div class="container is-tabs">
  3.         <div class="content-tabs--navigation js-scroll-arrow">
  4.             <div class="content-tabs--navigation-list">
  5.             {% for blockHasBlock in block.blockHasBlocks %}
  6.                 {% if isDefinedAndNotEmpty(blockHasBlock.block) and isDefinedAndNotEmpty(blockHasBlock.block.downloadableItem) %}
  7.                     <a class="link black {{ loop.first ? 'is-active' : '' }}" href="#" data-target="js-item-{{ loop.index }}">
  8.                         <span>{{ blockHasBlock.block.downloadableItem.tabTitle }}</span>
  9.                     </a>
  10.                 {% endif %}
  12.             {% endfor %}
  13.             </div>
  14.             <div class="arrow-icon">
  15.                 <span>{{ 'app.scroll_show_more' | trans }}</span>
  16.                 {% include 'partials/global/svg/arrow-bold-right.svg.twig' %}
  17.             </div>
  18.         </div>
  20.         <div class="content-tabs--list">
  21.             {% for blockHasBlock in block.blockHasBlocks %}
  22.                 {% set dlBlock = blockHasBlock.block %}
  23.                 {% if isDefinedAndNotEmpty(dlBlock) and isDefinedAndNotEmpty(dlBlock.downloadableItem)  %}
  24.                     <div class="content-tabs--item js-item-{{ loop.index }} {{ loop.first ? 'is-active' : '' }}">
  25.                         <div class="best-hotel-block--left">
  26.                             {% if isDefinedAndNotEmpty(dlBlock.downloadableItem.title) %}
  27.                                 <div class="best-hotel-block--left-toptitle subtitle-caps">{{ dlBlock.downloadableItem.title }}</div>
  28.                             {% endif %}
  30.                             {% if isDefinedAndNotEmpty(dlBlock.downloadableItem.subtitle) %}
  31.                                 <div class="best-hotel-block--left-title ">{{ dlBlock.downloadableItem.subtitle }}</div>
  32.                             {% endif %}
  34.                             {% if isDefinedAndNotEmpty(dlBlock.downloadableItem.content) %}
  35.                                 <div class="best-hotel-block--left-text subtitle-regular">
  36.                                     {{ dlBlock.downloadableItem.content|raw }}
  37.                                 </div>
  38.                             {% endif %}
  40.                             {% if isDefinedAndNotEmpty(dlBlock.downloadableItem.linkTitle)
  41.                                 and isDefinedAndNotEmpty(dlBlock.downloadableItem.linkUrl)
  42.                             %}
  43.                                 {% set url = dlBlock.downloadableItem.linkUrl %}
  44.                                 <a href="{{ url }}" class="best-hotel-block--left-button button white is-dark">
  45.                                     <span>{{ dlBlock.downloadableItem.linkTitle }}</span>
  46.                                 </a>
  47.                             {% endif %}
  48.                         </div>
  50.                         <div class="best-hotel-block--right">
  51.                             <div class="best-hotel-block--right-slide js-media-slide">
  52.                                 {% if isDefinedAndNotEmpty(dlBlock.downloadableItem.gallery) %}
  53.                                     {% for media in dlBlock.downloadableItem.gallery.medias %}
  54.                                     <div class="best-hotel-block--right-slide--item">
  55.                                         {% if isDefinedAndNotEmpty(media.description) %}
  56.                                         <div class="best-hotel-block--right-slide--item-text">{{ media.description }}</div>
  57.                                         {% endif %}
  58.                                         <picture-component class="js-picture-component is-absolute"
  59.                                             :image="{{ picture_data(media, null, null, null) }}">
  60.                                         </picture-component>
  61.                                     </div>
  62.                                     {% endfor %}
  63.                                 {% elseif isDefinedAndNotEmpty(dlBlock.downloadableItem.image)%}
  64.                                     <div class="best-hotel-block--right-slide--item">
  65.                                         <picture-component class="js-picture-component is-absolute"
  66.                                             :image="{{ picture_data(dlBlock.downloadableItem.image, null, null, null) }}">
  67.                                         </picture-component>
  68.                                     </div>
  69.                                 {% endif%}
  70.                             </div>
  71.                             <div class="best-hotel-block--right-slide--icon">
  72.                                 {% if app.request.locale != 'es' %}
  73.                                     {% include 'partials/global/svg/certified-black.svg.twig'%}
  74.                                 {% else %}
  75.                                     {% include 'partials/global/svg/certificated-hotel-text.svg.twig'%}
  76.                                 {% endif %}
  77.                             </div>
  78.                         </div>
  79.                     </div>
  80.                 {% endif%}
  82.             {% endfor %}
  83.         </div>
  84.     </div>
  85. </div>