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

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