src/Package/Openform/Front/Templates/AntiqueSuit/_templates/_template-9.html.twig line 1

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import fullscreen, zoomin, zoomout, sliderprev, slidernext, arrowright, copyrights, arrowObjectPrev, arrowObjectNext, infoClose, info  %}
  2. {% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
  3. <section class="object {{entity.isInvertedTemplate is defined and entity.isInvertedTemplate and not entity.textAreaWidth is same as(0) ? 'object--inverted-9'}} object--{{entity.templateId}} js-collections" >
  4.     {% if entity.textAreaWidth is same as(0) %}
  5.     <div class="object__nav object__nav--top container" style="{% if entity.naviBackgroundColor %}background-color: {{entity.naviBackgroundColor}};{% endif %}">
  6.         {% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
  7.             {% if entity.id == Antique.id  %}
  8.                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
  9.                     {% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
  10.                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  11.                     <a href="{{href}}" class="object__nav__button">{{arrowObjectPrev(('T_OBJECT_PREV')|trans({}, 'openform_front', app.request.locale))}}{{ ('T_OBJECT_PREV')|trans({}, 'openform_front', app.request.locale) }}</a>
  12.                 {% else %}
  13.                     <div>
  15.                     </div>
  16.                 {% endif%}
  17.                 {% set href = toolkit_route_localizer.generate('antique_suit_item', {
  18.                     'slug': entity.AntiqueSuit.Translation[app.request.locale].slug
  19.                     }, app.request.locale) %} 
  20.                 <a href="{{href}}" class="object__nav__title">{{ entity.AntiqueSuit.Translation[app.request.locale].title }}</a>
  21.                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
  22.                     {% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
  23.                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  24.                     <a href="{{href}}" class="object__nav__button">{{ ('T_OBJECT_NEXT')|trans({}, 'openform_front', app.request.locale) }}{{arrowObjectNext(('T_OBJECT_NEXT')|trans({}, 'openform_front', app.request.locale))}}</a>
  25.                 {% else %}
  26.                     <div>
  28.                     </div>
  29.                 {% endif %}
  30.             {% endif %}
  31.         {% endfor %}    
  32.     </div>
  33. {% endif %}
  34.     <div class="object__container-flex container" style="{% if entity.background is defined or rootParent.background is defined %}background-color: {{entity.background is defined and entity.background|length > 0 and entity.background ? entity.background : rootParent.background is defined and rootParent.background|length > 0 ? rootParent.background}}{% endif %}">    
  35.         <div class="object__section" style="width: {{entity.textAreaWidth is same as(0) ? '0' : entity.textAreaWidth ? entity.textAreaWidth : '34'}}%; {{entity.textAreaWidth is same as(0) ? 'overflow: hidden; display:none;' }} height: {{entity.imageHeight ? entity.imageHeight + 91 : '720'}}px;">
  36.             
  37.             {% if entity.AntiqueSuit and entity.AntiqueSuit.AntiqueFormDesign == constant('\\App\\Package\\Openform\\Entity\\AntiqueSuit::ANTIQUE_FORM_DESIGN_MUSEUM') %}
  38.         
  39.         <div class="object__item" style="height: {{entity.imageHeight ? entity.imageHeight + 91 - 25 : 770 - 25}}px;">
  40.             <div class="object__arrows object__arrows--dark" style="{% if entity.naviBackgroundColor %}background-color: {{entity.naviBackgroundColor}};{% endif %}">
  41.                 {% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
  42.                             {% if entity.id == Antique.id  %}
  43.                                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
  44.                                     {% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
  45.                                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  46.                                     <a href="{{href}}" class="object__nav__button-white" disabled>
  47.                                         {{ sliderprev('PREV_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  48.                                     </a>
  49.                                 {% else %}
  50.                                     <div>
  51.                                         
  52.                                     </div>
  53.                                 {% endif%}
  54.                                 {% set href = toolkit_route_localizer.generate('antique_suit_item', {
  55.                                     'slug': entity.AntiqueSuit.Translation[app.request.locale].slug
  56.                                     }, app.request.locale) %} 
  57.                                 <a href="{{href}}" class="object__item__collection">{{ entity.AntiqueSuit.Translation[app.request.locale].title }}</a>
  58.                                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
  59.                                     {% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
  60.                                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  61.                                     <a href="{{href}}" class="object__nav__button-white object__nav__button-white-next" disabled>
  62.                                         {{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  63.                                     </a>
  64.                                 {% else %}
  65.                                     <div>
  66.                                         
  67.                                     </div>
  68.                                 {% endif %}
  69.                             {% endif %}
  70.                 {% endfor %}
  71.             </div>
  72.             
  73.             <div class="object__item__title">{{ entity.Translation[app.request.locale].titleHtml|raw }}</div>
  74.             <div class="object__item__section" data-lenis-prevent style="overflow-y: auto; overflow-x: hidden; max-height:100%; padding-right: 10px;">
  75.                
  76.                 {% if entity.Artist|length > 0 %}
  77.                     <div class="object__item-wrap object__item-wrap--author">
  78.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_AUTHOR')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  79.                         <div class="object__item-wrap__text">
  80.                             {% for artist in entity.Artist %}
  81.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?artist={{ artist.fullName }}">
  82.                                     {{artist.fullName ? artist.fullName }}
  83.                                 </a>{{entity.Artist|length > 1 ? ', '}}
  84.                             {% endfor %}
  85.                         </div>
  86.                     </div>
  87.                 {% endif %}
  88.                 {% if (entity.date or entity.dateTo or entity.age or  entity.ageTo or entity.year or entity.yearTo) %}
  89.                     <div class="object__item-wrap">
  90.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DATE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  91.                         <div class="object__item-wrap__text">
  92.                             {% include('@openform_front_templates/AntiqueSuit/_templates/_fields/_dates_and_ages.html.twig') with {
  93.                                 'dateFrom': entity.date, 
  94.                                 'dateTo': entity.dateTo,
  95.                                 'ageFrom': entity.age, 
  96.                                 'ageTo': entity.ageTo,
  97.                                 'yearFrom': entity.year ?? entity.shownObjectYear, 
  98.                                 'yearTo': entity.yearTo ?? entity.shownObjectAge,
  99.                             } %}
  100.                         </div>
  101.                     </div>
  102.                 {% endif %}
  103.                 {% if entity.AntiqueType|length > 0 %}
  104.                     <div class="object__item-wrap">
  105.                         <h3 class="object__item-wrap__title">{{('T_OBJECT_TYPE')|trans({}, 'openform_front', app.request.locale) ~ ': ' }}</h3>
  106.                         <div class="object__item-wrap__text">
  107.                             {% for key, item in entity.AntiqueType %}
  108.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueType={{ item.Translation[app.request.locale].title }}">
  109.                                     {{ item.Translation[app.request.locale].title }}
  110.                                 </a>{% if not loop.last %}, {% endif %}
  111.                             {% endfor %}
  112.                         </div>
  113.                     </div>
  114.                 {% endif %}
  115.                 {% if entity.AntiqueTechnique|length > 0 %}
  116.                     <div class="object__item-wrap">
  117.                         <h3 class="object__item-wrap__title">{{('T_MATERIALS_AND_TECHNIQUES')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  118.                         <div class="object__item-wrap__text">
  119.                             {% for item in entity.AntiqueTechnique %}
  120.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueTechnique={{ item.Translation[app.request.locale].title }}">
  121.                                     {{item.Translation[app.request.locale].title ? item.Translation[app.request.locale].title}}
  122.                                 </a>{% if not loop.last %}, {% endif %}
  123.                             {% endfor %}
  124.                         </div>
  125.                     </div>
  126.                 {% endif %}
  127.                 {% if entity.Translation[app.request.locale].text %}
  128.                     <div class="object__item-wrap object__item-wrap--description object__item-wrap--description-master js-text-dropdown" data-limit="6" data-lineHeight="22">
  129.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DESCRIPTION')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  130.                         <div class="object__item-wrap__text">
  131.                         <span class="js-text-dropdown-content">{{entity.Translation[app.request.locale].text|raw}}</span> <button class="js-text-dropdown-btn hide"><span>{{('T_TEXT_SHOW_MORE')|trans({}, 'openform_front', app.request.locale) }} ▼</span><span>{{('T_TEXT_SHOW_LESS')|trans({}, 'openform_front', app.request.locale) }} ▲</span></button>
  132.                             
  133.                         </div>
  134.                     </div>
  135.                 {% endif %}
  136.                 {% if entity.AntiqueCopyrights|length > 0 %}
  137.                     <div class="object__item-wrap">
  138.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_COPYRIGHTS')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  139.                         <div class="object__item-wrap__text object__item-wrap__copyright">
  140.                             {% for key, item in entity.AntiqueCopyrights %}
  141.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueCopyrights={{ item.Translation[app.request.locale].title }}">
  142.                                     {{ item.Translation[app.request.locale].title }}
  143.                                 </a>{% if not loop.last %}, {% endif %}
  144.                             {% endfor %}
  145.                         </div>
  146.                     </div>
  147.                 {% endif %}
  148.                             
  149.             </div>
  150.             
  152.         </div>
  153.         {% else %}
  154.             
  155.         {# ------------------------Archive--------------------------- #}
  156.         <div class="object__item" style="height: {{entity.imageHeight ? entity.imageHeight + 91 : '770'}}px;">
  157.             {% set href = toolkit_route_localizer.generate('antique_suit_item', {
  158.                     'slug': entity.AntiqueSuit.Translation[app.request.locale].slug
  159.                     }, app.request.locale) %} 
  160.                 <a href="{{href}}" class="object__item__collection">{{ entity.AntiqueSuit.Translation[app.request.locale].title }}</a>
  161.             <div class="object__item__title">{{ entity.Translation[app.request.locale].titleHtml|raw }}</div>
  162.             <div class="object__item__section" data-lenis-prevent style="overflow-y: auto; overflow-x: hidden; max-height:100%; padding-right: 10px;">
  163.                 {% if entity.Translation[app.request.locale].descPlace %}
  164.                     <div class="object__item-wrap">
  165.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_PLACE_DESC')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  166.                         <div class="object__item-wrap__text">
  167.                             {{entity.Translation[app.request.locale].descPlace}}
  168.                         </div>
  169.                     </div>
  170.                 {% endif %}
  171.                 {% if entity.AntiquePlace %}
  172.                     <div class="object__item-wrap">
  173.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_OBJECT_PLACE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  174.                         <div class="object__item-wrap__text">
  175.                             {{entity.AntiquePlace.Translation[app.request.locale].title}}
  176.                         </div>
  177.                     </div>
  178.                 {% endif %}
  179.                 {% if entity.documentDate or entity.documentAge or entity.documentYear %}
  180.                     <div class="object__item-wrap">
  181.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DOCUMENT_DATE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  182.                         <div class="object__item-wrap__text">
  183.                             {% include('@openform_front_templates/AntiqueSuit/_templates/_fields/_date_and_age_search.html.twig') with {
  184.                                 'date': entity.documentDate,
  185.                                 'age': entity.documentAge,
  186.                                 'year': entity.documentYear,
  187.                             } %}
  188.                         </div>
  189.                     </div>
  190.                 {% endif %}
  191.                 {% if entity.Artist|length > 0 %}
  192.                     <div class="object__item-wrap">
  193.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_AUTHOR_OF_THE_PHOTOGRAPH_OR_DOCUMENT')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  194.                         <div class="object__item-wrap__text">
  195.                             {% for artist in entity.Artist %}
  196.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?artist={{ artist.fullName }}">
  197.                                     {{artist.fullName ? artist.fullName }} {{ artist.authorNickName ? '"' ~ artist.authorNickName ~ '"'}}
  198.                                 </a>{{entity.Artist|length > 1 ? ', '}}
  199.                             {% endfor %}
  200.                         </div>
  201.                     </div>
  202.                 {% endif %}
  203.                 {% if entity.AntiqueType|length > 0 %}
  204.                     <div class="object__item-wrap">
  205.                         <h3 class="object__item-wrap__title">{{('T_OBJECT_TYPE')|trans({}, 'openform_front', app.request.locale) ~ ': ' }}</h3>
  206.                         <div class="object__item-wrap__text">
  207.                             {% for key, item in entity.AntiqueType %}
  208.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueType={{ item.Translation[app.request.locale].title }}">
  209.                                     {{ item.Translation[app.request.locale].title }}
  210.                                 </a>{% if not loop.last %}, {% endif %}
  211.                             {% endfor %}
  212.                         </div>
  213.                     </div>
  214.                 {% endif %}
  215.                 {% if entity.AntiqueTechnique|length > 0 %}
  216.                     <div class="object__item-wrap">
  217.                         <h3 class="object__item-wrap__title">{{('T_MATERIALS_AND_TECHNIQUES')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  218.                         <div class="object__item-wrap__text">
  219.                             {% for item in entity.AntiqueTechnique %}
  220.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueTechnique={{ item.Translation[app.request.locale].title }}">
  221.                                     {{item.Translation[app.request.locale].title ? item.Translation[app.request.locale].title}}
  222.                                 </a>{% if not loop.last %}, {% endif %}
  223.                             {% endfor %}
  224.                         </div>
  225.                     </div>
  226.                 {% endif %}
  227.                 {% if entity.Translation[app.request.locale].text %}
  228.                     <div class="object__item-wrap object__item-wrap--description object__item-wrap--description-master js-text-dropdown" data-limit="6" data-lineHeight="22">
  229.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_DESCRIPTION')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  230.                         <div class="object__item-wrap__text">
  231.                         <span class="js-text-dropdown-content">{{entity.Translation[app.request.locale].text|raw}}</span> <button class="js-text-dropdown-btn hide"><span>{{('T_TEXT_SHOW_MORE')|trans({}, 'openform_front', app.request.locale) }} ▼</span><span>{{('T_TEXT_SHOW_LESS')|trans({}, 'openform_front', app.request.locale) }} ▲</span></button>
  232.                             
  233.                         </div>
  234.                     </div>
  235.                 {% endif %}
  236.                 {% if entity.AntiqueCopyrights|length > 0 %}
  237.                     <div class="object__item-wrap">
  238.                         <h3 class="object__item-wrap__title">{{('T_ANTIQUE_COPYRIGHTS')|trans({}, 'openform_front', app.request.locale) }}:</h3>
  239.                         <div class="object__item-wrap__text object__item-wrap__copyright">
  240.                             {% for key, item in entity.AntiqueCopyrights %}
  241.                                 <a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueCopyrights={{ item.Translation[app.request.locale].title }}">
  242.                                     {{ item.Translation[app.request.locale].title }}
  243.                                 </a>{% if not loop.last %}, {% endif %}
  244.                             {% endfor %}
  245.                         </div>
  246.                     </div>
  247.                 {% endif %}
  248.                             
  249.             </div>
  250.             
  252.         </div>
  253.         {% endif %}
  254.          
  256.           
  257.             
  258.            
  259.             
  260.         </div>
  261.        
  262.         <div class="object__gallery" style="width: {{entity.textAreaWidth is same as(0) ? '100' : entity.textAreaWidth ? 100 - entity.textAreaWidth : '66'}}%; {{entity.textAreaWidth is same as(100) ? 'overflow: hidden; display: none;' }} height: {{entity.imageHeight ? entity.imageHeight + 91 : '770'}}px;">
  263.             <div class="object__gallery__bg" style="background-color: {{entity.imageBackgroundColor|default('#F8F7F0')}}; {{entity.textAreaWidth is same as(0) ? 'width: calc(100% + 24vw); left: -12vw; '}}"></div>
  264.                 {% if ImageSlides|length > 0 %}
  265.                     <div class="object__gallery__splide collection-gallery js-collection-gallery-standard" style="height: 100%;">
  266.                         <div class="splide js-collections-gallery1 collection-gallery__gallery" style="height: {{entity.thumbsHeight and entity.thumbsHeight < 100 ? (100 - entity.thumbsHeight) ~ '%' : '48%'}}; {{entity.textAreaWidth is same as(0) ? 'padding-left:0;'}}">
  267.                             <div class="splide__track" style="height: 100%;">
  268.                                 <ul class="splide__list" style="height: 100%;">
  269.                                     {% for key, image in ImageSlides %}
  270.                                         {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  271.                                         {# {% set imgSmall = openform_front_util.getImagePathByType(image.Thumb ?? '','detal') %}
  272.                                         {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %} #}
  273.                                         <li class="splide__slide" style="height: 100%;">
  274.                                             {# <img src="{{img}}" alt="{{image.Translation[app.request.locale].alt ? image.Translation[app.request.locale].alt}}"> #}
  278.                                              <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style="height: 100%;">
  279.                                                 <div style="width:100%; height:100%; display:flex; justify-content: center; align-items: center;">
  280.                                                     <div class="collection-gallery__item" style="{% if entity.imageWidthPercent %}width: {{entity.imageWidthPercent}}%; max-width: {{entity.imageWidthPercent}}%;{% endif %} max-height: {{entity.imageHeight ? '100%' : '100%'}}; {% if entity.imageHeight %} height: {{entity.imageHeight ? '100%' : '100%'}};{% endif %} {{ entity.textAreaWidth is same as(0) ? 'height: 435px'}}" >
  281.                                                         <style>
  282.                                                             .my-zoomist-{{key}} img{
  283.                                                                 {% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  284.                                                             }
  285.                                                             .my-zoomist-{{key}} .zoomist-wrapper{
  286.                                                                 background:{{image.imageBackgroundColor ? image.imageBackgroundColor : entity.imageBackgroundColor ? entity.imageBackgroundColor : '#F8F7F0' }};
  287.                                                             }
  288.                                                         </style>
  289.                                                         <div class="my-zoomist my-zoomist-{{key}}" style="" data-zoomist-src="{{img}}" tabindex="0" data-alt="{{image.Translation[app.request.locale].alt}}"></div>
  290.                                                     </div>
  291.                                                 </div>
  292.                                                 
  293.                                                 <div class="collection-gallery__wrap">
  294.                                                     <div class="collection-gallery__buttons">
  295.                                                         {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  296.                                                             <div class="object__info-wrap">
  297.                                                                 <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-info-{{key}}" tabindex="0">{{info(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  298.                                                                 <div class="object__info object__info--info js-info-{{key}}" data-lenis-prevent>
  299.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
  300.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  301.                                                                 </div>
  302.                                                             </div>
  303.                                                         {% endif %}
  304.                                                         {% if image.Translation[app.request.locale].copyrights %}
  305.                                                             <div class="object__info-wrap">
  306.                                                                 <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-copyright-{{key}}" tabindex="0">{{copyrights(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  307.                                                                 <div class="object__info object__info--copyright js-copyright-{{key}}" data-lenis-prevent>
  308.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
  309.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  310.                                                                 </div>
  311.                                                             </div>
  312.                                                         {% endif %}
  313.                                                         <button class="collection-gallery__buttons__btn js-fullscreen" data-alt="{{image.Translation[app.request.locale].alt}}" tabindex="0" data-color="{{image.imageBackgroundColor is defined and image.imageBackgroundColor ? image.imageBackgroundColor }}"
  314.                                                             data-image="{{img}}"
  315.                                                             data-description="{{image.Translation[app.request.locale].text}}"
  316.                                                             data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
  317.                                                             data-start="{{key}}"
  318.                                                                         data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  319.                                                         >
  320.                                                             {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  321.                                                         </button>
  322.                                                         <button class="collection-gallery__buttons__btn js-zoom-out" tabindex="0">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
  323.                                                         <button class="collection-gallery__buttons__btn js-zoom-in" tabindex="0">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
  324.                                                     </div>
  325.                                                 </div>
  326.                                             </div>
  327.                                         </li>    
  329.                                         
  330.                                     {% endfor %}                               
  331.                                 </ul>
  332.                                 <div class="splide__arrows{{ ImageSlides|length < 2 ? ' hide' }}">
  333.                                     <div class="slider-nav collection-gallery__nav">
  334.                                         <button class="splide__arrow splide__arrow--white splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
  335.                                             {{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  336.                                         </button>
  337.                                         <button class="splide__arrow splide__arrow--white splide__arrow--next slider-nav__btn slider-nav__btn--next">
  338.                                             {{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  339.                                         </button>
  340.                                     </div>
  341.                                 </div>
  342.                             </div>
  343.                         </div>
  344.                         {% if entity.thumbsBackgroundColor %}
  345.                             <style>
  346.                                 .collection-gallery__navigation .splide__slide.is-active {
  347.                                     border-color: {{entity.thumbsBackgroundColor}};
  348.                                 }
  349.                                 .collection-gallery__navigation .splide__slide.is-active::after{
  350.                                     border-bottom: 34px solid {{entity.thumbsBackgroundColor}};
  351.                                 }   
  352.                             </style>
  353.                         {% endif %}
  354.                         <div style="height: {{entity.thumbsHeight ? entity.thumbsHeight ~ '%' : '52%'}}; position: relative;">
  355.                         <div style="background-color: {{entity.sliderThumbsBackgroundColor}}; {{entity.textAreaWidth is same as(0) ? 'width: 100vw; height:100%; position: absolute; left: -12vw;' : ''}}">
  356.                             
  357.                         </div>
  358.                             
  359.                         
  360.                             <div class="splide js-collections-navigation1 collection-gallery__navigation {{ ImageSlides|length < 2 ? ' hide' }}"  data-height="100%" style="height: 100%;width: 100%;">
  361.                                 <div class="collection-gallery__navigation__bg" style="background-color: {{entity.sliderThumbsBackgroundColor}};"></div>
  362.                                 <div class="splide__track" >
  363.                                     {% set mobile = openform_front_util.isMobileDevice() %}
  364.                                     <ul class="splide__list" style="{{mobile ? '' : ''}}">
  365.                                         {% for image in ImageSlides %}
  366.                                             {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  367.                                             {% set imgSmall = openform_front_util.getImagePathByType(image.Thumb ?? '','detal') %}
  368.                                             {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %}
  369.                                             <li class="splide__slide" style="aspect-ratio: 13 / 9;">
  370.                                                 <img src="{{img}}" alt="{{image.Translation[app.request.locale].alt ? image.Translation[app.request.locale].alt}}">
  371.                                             </li>    
  372.                                         {% endfor %}                               
  373.                                     </ul>
  374.                                 </div>
  375.                             </div>
  376.                         </div>
  377.                     </div>
  378.                 {% endif %}
  379.             </div>
  381.         </div>
  382.     <div class="container" style="{{entity.background2 ? 'background-color: ' ~ entity.background2 }}">
  383.         {% include '@openform_front_templates/AntiqueSuit/_templates/_sections/_all-sections.html.twig' with {design: entity.colsDesign} %}
  384.     </div>
  385.             {% include "@openform_front_templates/_blocks_sections/block.html.twig" with { sections: openform_front_util.getSections(entity) } %}
  386.     
  387.     
  388.     <div class="object__nav container" style="{% if entity.naviBackgroundColor %}background-color: {{entity.naviBackgroundColor}};{% endif %}">
  389.         {% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
  390.             {% if entity.id == Antique.id  %}
  391.                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
  392.                     {% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
  393.                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  394.                     <a href="{{href}}" class="object__nav__button">{{arrowObjectPrev(('T_OBJECT_PREV')|trans({}, 'openform_front', app.request.locale))}}{{ ('T_OBJECT_PREV')|trans({}, 'openform_front', app.request.locale) }}</a>
  395.                 {% endif%}
  396.                 {% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
  397.                     {% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
  398.                     {% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  399.                     <a href="{{href}}" class="object__nav__button object__nav__button--next">{{ ('T_OBJECT_NEXT')|trans({}, 'openform_front', app.request.locale) }}{{arrowObjectNext(('T_OBJECT_NEXT')|trans({}, 'openform_front', app.request.locale))}}</a>
  400.                 {% endif%}
  401.             {% endif %}
  402.         {% endfor %}    
  403.     </div>
  404.     </section>
  405.     
  407.