{% from '@openform_front_templates/_includes/_icons.html.twig' import fullscreen, zoomin, zoomout, sliderprev, slidernext, arrowright, copyrights, arrowObjectPrev, arrowObjectNext, infoClose, info %}
{% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
<section class="object {{entity.isInvertedTemplate is defined and entity.isInvertedTemplate ? 'object--inverted-2'}} object--{{entity.templateId}} js-collections">
<div class="object__container-flex">
<div class="object__section" style="width: {{entity.textAreaWidth is same as(0) ? '0' : entity.textAreaWidth ? entity.textAreaWidth : '36'}}%; {{entity.textAreaWidth is same as(0) ? 'overflow: hidden; padding: 0;'}} max-height:calc(100vh - {{ rootParent.headerHeight|default(90) }}px);" data-lenis-prevent>
<div class="object__arrows object__arrows--dark" style="{% if entity.naviBackgroundColor %}background-color: {{entity.naviBackgroundColor}};{% endif %}">
{% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
{% if entity.id == Antique.id %}
{% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
{% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
{% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
<a href="{{href}}" class="object__nav__button-white" disabled>
{{ sliderprev('PREV_Relict'|trans({}, 'openform_front', app.request.locale)) }}
</a>
{% else %}
<div>
</div>
{% endif%}
{% set href = toolkit_route_localizer.generate('antique_suit_item', {
'slug': entity.AntiqueSuit.Translation[app.request.locale].slug
}, app.request.locale) %}
<a href="{{href}}" class="object__item__collection object__item__collection--text-center">{{ entity.AntiqueSuit.Translation[app.request.locale].title }}</a>
{% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
{% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
{% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
<a href="{{href}}" class="object__nav__button-white object__nav__button-white-next" disabled>
{{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
</a>
{% endif %}
{% endif %}
{% endfor %}
</div>
{% if entity.AntiqueSuit and entity.AntiqueSuit.AntiqueFormDesign == constant('\\App\\Package\\Openform\\Entity\\AntiqueSuit::ANTIQUE_FORM_DESIGN_MUSEUM') %}
<div class="object__item" 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 %};">
<div class="object__item__title">{{ entity.Translation[app.request.locale].titleHtml|raw }}</div>
<div class="object__item__section">
{% if entity.Artist|length > 0 %}
<div class="object__item-wrap object__item-wrap--author">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_AUTHOR')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{% for artist in entity.Artist %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?artist={{ artist.fullName }}">
{{artist.fullName ? artist.fullName }}
</a>{{entity.Artist|length > 1 ? ', '}}
{% endfor %}
</div>
</div>
{% endif %}
{% if (entity.date or entity.dateTo or entity.age or entity.ageTo or entity.year or entity.yearTo) %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_DATE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{% include('@openform_front_templates/AntiqueSuit/_templates/_fields/_dates_and_ages.html.twig') with {
'dateFrom': entity.date,
'dateTo': entity.dateTo,
'ageFrom': entity.age,
'ageTo': entity.ageTo,
'yearFrom': entity.year ?? entity.shownObjectYear,
'yearTo': entity.yearTo ?? entity.shownObjectAge,
} %}
</div>
</div>
{% endif %}
{% if entity.AntiqueType|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_OBJECT_TYPE')|trans({}, 'openform_front', app.request.locale) ~ ': ' }}</h3>
<div class="object__item-wrap__text">
{% for key, item in entity.AntiqueType %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueType={{ item.Translation[app.request.locale].title }}">
{{ item.Translation[app.request.locale].title }}
</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if entity.AntiqueTechnique|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_MATERIALS_AND_TECHNIQUES')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{% for item in entity.AntiqueTechnique %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueTechnique={{ item.Translation[app.request.locale].title }}">
{{item.Translation[app.request.locale].title ? item.Translation[app.request.locale].title}}
</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if entity.Translation[app.request.locale].text %}
<div class="object__item-wrap object__item-wrap--description object__item-wrap--description-master js-text-dropdown" data-limit="6" data-lineHeight="22">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_DESCRIPTION')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
<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>
</div>
</div>
{% endif %}
{% if entity.AntiqueCopyrights|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_COPYRIGHTS')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text object__item-wrap__copyright">
{% for key, item in entity.AntiqueCopyrights %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueCopyrights={{ item.Translation[app.request.locale].title }}">
{{ item.Translation[app.request.locale].title }}
</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
{% else %}
{# ------------------------Archive--------------------------- #}
<div class="object__item" 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 %};">
{% set href = toolkit_route_localizer.generate('antique_suit_item', {
'slug': entity.AntiqueSuit.Translation[app.request.locale].slug
}, app.request.locale) %}
<a href="{{href}}" class="object__item__collection object__item__collection--text-center">{{ entity.AntiqueSuit.Translation[app.request.locale].title }}</a>
<div class="object__item__title">{{ entity.Translation[app.request.locale].titleHtml|raw }}</div>
<div class="object__item__section">
{% if entity.Translation[app.request.locale].descPlace %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_PLACE_DESC')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{{entity.Translation[app.request.locale].descPlace}}
</div>
</div>
{% endif %}
{% if entity.AntiquePlace %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_OBJECT_PLACE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{{entity.AntiquePlace.Translation[app.request.locale].title}}
</div>
</div>
{% endif %}
{% if entity.documentDate or entity.documentAge or entity.documentYear %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_DOCUMENT_DATE')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{% include('@openform_front_templates/AntiqueSuit/_templates/_fields/_date_and_age_search.html.twig') with {
'date': entity.documentDate,
'age': entity.documentAge,
'year': entity.documentYear,
} %}
</div>
</div>
{% endif %}
{% if entity.Artist|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_AUTHOR_OF_THE_PHOTOGRAPH_OR_DOCUMENT')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{% for artist in entity.Artist %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?artist={{ artist.fullName }}">
{{artist.fullName ? artist.fullName }} {{ artist.authorNickName ? '"' ~ artist.authorNickName ~ '"'}}
</a>{{entity.Artist|length > 1 ? ', '}}
{% endfor %}
</div>
</div>
{% endif %}
{% if entity.AntiqueType|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_OBJECT_TYPE')|trans({}, 'openform_front', app.request.locale) ~ ': ' }}</h3>
<div class="object__item-wrap__text">
{% for key, item in entity.AntiqueType %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueType={{ item.Translation[app.request.locale].title }}">
{{ item.Translation[app.request.locale].title }}
</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if entity.AntiqueTechnique|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_MATERIALS_AND_TECHNIQUES')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
{% for item in entity.AntiqueTechnique %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueTechnique={{ item.Translation[app.request.locale].title }}">
{{item.Translation[app.request.locale].title ? item.Translation[app.request.locale].title}}
</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if entity.Translation[app.request.locale].text %}
<div class="object__item-wrap object__item-wrap--description object__item-wrap--description-master js-text-dropdown" data-limit="6" data-lineHeight="22">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_DESCRIPTION')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text">
<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>
</div>
</div>
{% endif %}
{% if entity.AntiqueCopyrights|length > 0 %}
<div class="object__item-wrap">
<h3 class="object__item-wrap__title">{{('T_ANTIQUE_COPYRIGHTS')|trans({}, 'openform_front', app.request.locale) }}:</h3>
<div class="object__item-wrap__text object__item-wrap__copyright">
{% for key, item in entity.AntiqueCopyrights %}
<a href="{{ toolkit_route_localizer.generate('search', {}, app.request.locale) }}?antiqueCopyrights={{ item.Translation[app.request.locale].title }}">
{{ item.Translation[app.request.locale].title }}
</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% include '@openform_front_templates/AntiqueSuit/_templates/_sections/_all-sections.html.twig' with {design: entity.colsDesign} %}
</div>
<div class="object__gallery" style="width: {{entity.textAreaWidth is same as(0) ? '100' : entity.textAreaWidth ? 100 - entity.textAreaWidth : '64'}}%; {{entity.textAreaWidth is same as(100) ? 'overflow: hidden;'}} background-color: {{entity.sliderThumbsBackgroundColor|default('#F8F7F0')}}; max-height:calc(100vh - {{ rootParent.headerHeight|default(90) }}px);">
{% if ImageSlides|length > 0 %}
<div class="object__gallery__splide collection-gallery js-collection-gallery-standard" style="background-color: {{entity.imageBackgroundColor|default('#F8F7F0')}}; height:100%;">
<div class="splide js-collections-gallery2 collection-gallery__gallery" style="height: {{entity.thumbsHeight ? ( 100 - entity.thumbsHeight) ~ '%' : '65%'}};">
<div class="splide__track">
<ul class="splide__list" style="height: 100%;">
{% for key, image in ImageSlides %}
{% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
{# {% set imgSmall = openform_front_util.getImagePathByType(image.Thumb ?? '','detal') %}
{% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %} #}
<li class="splide__slide" style="height: 100%;">
{# <img src="{{img}}" alt="{{image.Translation[app.request.locale].alt ? image.Translation[app.request.locale].alt}}"> #}
<div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style="height: 100%;">
<div style="width:100%; height:100%; display:flex; justify-content: center; align-items: center;">
<div class="collection-gallery__item" style="{% if entity.imageWidthPercent %}width: {{entity.imageWidthPercent}}%; max-width: {{entity.imageWidthPercent}}%;{% endif %} height: {{entity.imageHeight ? entity.imageHeight ~ 'px' : '100%'}}; height:100%;" >
<style>
.my-zoomist-{{key}} img{
{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
}
.my-zoomist-{{key}} .zoomist-wrapper{
background:{{image.imageBackgroundColor ? image.imageBackgroundColor : entity.imageBackgroundColor ? entity.imageBackgroundColor : '#F8F7F0' }};
}
</style>
<div class="my-zoomist my-zoomist-{{key}}" data-alt="{{image.Translation[app.request.locale].alt}}" style="{% if entity.imageHeight %} height: {{entity.imageHeight}}px;{% endif %}" data-zoomist-src="{{img}}" tabindex="0"></div>
</div>
</div>
<div class="collection-gallery__wrap">
<div class="collection-gallery__buttons">
{% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
<div class="object__info-wrap">
<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>
<div class="object__info object__info--info js-info-{{key}}" data-lenis-prevent>
<div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
<button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
</div>
</div>
{% endif %}
{% if image.Translation[app.request.locale].copyrights %}
<div class="object__info-wrap">
<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>
<div class="object__info object__info--copyright js-copyright-{{key}}" data-lenis-prevent>
<div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
<button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
</div>
</div>
{% endif %}
<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 }}"
data-image="{{img}}"
data-description="{{image.Translation[app.request.locale].text}}"
data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
data-start="{{key}}"
data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
>
{{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
</button>
<button class="collection-gallery__buttons__btn js-zoom-out" tabindex="0">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
<button class="collection-gallery__buttons__btn js-zoom-in" tabindex="0">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% if entity.thumbsBackgroundColor %}
<style>
.collection-gallery__navigation .splide__slide.is-active {
border-color: {{entity.thumbsBackgroundColor}};
}
.collection-gallery__navigation .splide__slide.is-active::after{
border-bottom: 34px solid {{entity.thumbsBackgroundColor}};
}
</style>
{% endif %}
<div style="background-color: {{entity.sliderThumbsBackgroundColor|default('#F8F7F0')}}; height: {{entity.thumbsHeight ? entity.thumbsHeight ~ '%' : '35%'}};">
<div class="splide js-collections-navigation2 collection-gallery__navigation {{ ImageSlides|length < 2 ? ' hide' }}" data-height="100%" data-disabled="true" style="height:100%">
<div class="splide__track">
<ul class="splide__list" style="position: relative; z-index: 2; height: 15vh;" style="height:100%">
{% for image in ImageSlides %}
{% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
{% set imgSmall = openform_front_util.getImagePathByType(image.Thumb ?? '','detal') %}
{% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %}
<li class="splide__slide" style="aspect-ratio: 13 / 9;">
<img src="{{img}}" alt="{{image.Translation[app.request.locale].alt ? image.Translation[app.request.locale].alt}}">
</li>
{% endfor %}
</ul>
<div class="splide__arrows{{ ImageSlides|length < 2 ? ' hide' }}">
<div class="slider-nav collection-gallery__nav" style="z-index: 0;">
<button class="splide__arrow splide__arrow--white splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
{{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
</button>
<button class="splide__arrow splide__arrow--white splide__arrow--next slider-nav__btn slider-nav__btn--next">
{{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{# <div class="object__nav">
{% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
{% if entity.id == Antique.id %}
{% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
{% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
{% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
<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>
{% endif%}
{% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
{% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
{% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
<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>
{% endif%}
{% endif %}
{% endfor %}
</div> #}
{% include "@openform_front_templates/_blocks_sections/block.html.twig" with { sections: openform_front_util.getSections(entity) } %}
<div class="object__nav container" style="{% if entity.naviBackgroundColor %}background-color: {{entity.naviBackgroundColor}};{% endif %}">
{% for key, Antique in entity.AntiqueSuit.getVisibleAntiques(app.request.locale) %}
{% if entity.id == Antique.id %}
{% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] is defined %}
{% set prevElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key - 1] %}
{% set href = toolkit_route_localizer.generate('antique_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
<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>
{% endif%}
{% if entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] is defined %}
{% set nextElement = entity.AntiqueSuit.getVisibleAntiques(app.request.locale)[key + 1] %}
{% set href = toolkit_route_localizer.generate('antique_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
<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>
{% endif%}
{% endif %}
{% endfor %}
</div>
</section>