{% from '@openform_front_templates/_includes/_icons.html.twig' import arrowObjectPrev, arrowObjectNext, fullscreen, zoomout, zoomin, copyrights, info, infoClose %}
{% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
<section class="object {{entity.isInvertedTemplate is defined and entity.isInvertedTemplate ? 'object--inverted'}} object--{{entity.templateId}} js-section js-collections" style="{{entity.background ? 'background-color: ' ~ entity.background }}">
{# ---------------------------nav---------------------- #}
<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>
{% 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__nav__title">{{ 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">{{ ('T_OBJECT_NEXT')|trans({}, 'openform_front', app.request.locale) }}{{arrowObjectNext(('T_OBJECT_NEXT')|trans({}, 'openform_front', app.request.locale))}}</a>
{% else %}
<div>
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
{# ---------------------------top---------------------- #}
<div class="object__section container" style="{{entity.textAreaWidth is same as(0) ? "display:flex; justify-content: center;"}} {{entity.textAreaWidth is same as(0) ? 'background-color:' ~ entity.imageBackgroundColor|default('#F8F7F0') ~ ';'}} grid-template-columns: {{ entity.isInvertedTemplate is defined and entity.isInvertedTemplate ? entity.textAreaWidth is same as(0) ? "0% 100%" : (entity.textAreaWidth ? 'calc(' ~ entity.textAreaWidth ~ '% - 39px) calc(100% - ' ~ entity.textAreaWidth ~ '%)' : 'calc(52% - 39px) 48%') : entity.textAreaWidth is same as(0) ? "100% 0%" : (entity.textAreaWidth ? 'calc(100% - ' ~ entity.textAreaWidth ~ '%) calc(' ~ entity.textAreaWidth ~ '% - 39px)' : '48% calc(52% - 39px)')}} ">
<div class="object__item" style="{{entity.textAreaWidth is same as(100) ? 'overflow: hidden;'}} {{entity.textAreaWidth is same as(0) ? 'width:100%;'}}">
{% if ImageSlides|length > 0 %}
<div class="object__item__bg" style="background-color: {{entity.imageBackgroundColor|default('#F8F7F0')}}; {{entity.textAreaWidth is same as(0) ? 'width: calc(100% + 24vw); left: -12vw; '}}"></div>
<div class="splide js-splide-slider" aria-label="{{"T_SLIDER_SPLIDE"|trans({}, "openform_front", app.request.locale)}}" style="height: {{entity.imageHeight ? entity.imageHeight + 91 : '560'}}px;">
<div class="splide__track" style="height: 100%;">
<ul class="splide__list" style="height: 80%;">
{% for key, image in ImageSlides %}
<li class="splide__slide" style="height: 100%;">
{% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
{# {% set imgSmall = openform_front_util.getImagePathByType(image.Thumb ?? '','detal') %} #}
<div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style="height: {{entity.imageHeight ? entity.imageHeight ~ 'px' : '100%'}};">
<div style="width:100%; height: {{entity.imageHeight ? entity.imageHeight ~ 'px' : '90%'}};;
">
<div style="width:100%; height:100%; display:flex; justify-content: center; align-items: center;">
<div class="collection-gallery__item" style="
{{entity.imageWidthPercent ? 'width:' ~ entity.imageWidthPercent ~ '%;' : 'width: 100%;'}}
max-height: 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}}" 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__content block__text">
{{image.Translation[app.request.locale].text|raw}}
</div> #}
<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="{{entity.imageBackgroundColor is defined and entity.imageBackgroundColor ? entity.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 %}"
tabindex="0"
>
{{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>
</div>
</li>
{% endfor %}
</ul>
<div class="object__splide-nav">
{{ include('@openform_front_templates/_includes/_slider-nav.html.twig') }}
</div>
</div>
</div>
{% endif %}
</div>
{# ---------------------------------top-text----------------------------- #}
{% if entity.AntiqueSuit and entity.AntiqueSuit.AntiqueFormDesign == constant('\\App\\Package\\Openform\\Entity\\AntiqueSuit::ANTIQUE_FORM_DESIGN_MUSEUM') %}
<div class="object__item" style="{{entity.textAreaWidth is same as(0) ? 'display: none;'}} padding-bottom:60px; overflow-y: auto; overflow-x: hidden;" data-lenis-prevent>
<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="{{entity.textAreaWidth is same as(0) ? 'display: none;'}}">
<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 %}
</div>
<div class="container" style="{{entity.background2 ? 'background-color: ' ~ entity.background2 }}">
{% include '@openform_front_templates/AntiqueSuit/_templates/_sections/_all-sections.html.twig' with {design: entity.colsDesign} %}
{% include "@openform_front_templates/_blocks_sections/block.html.twig" with { sections: openform_front_util.getSections(entity) } %}
</div>
<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>