{% set thumbnailNamePrefix = wide is defined and wide == true ? 'demi-desktop-gallery-wide' : 'demi-desktop-gallery' %}
<div class="embed-responsive embed-responsive-detail-gallery mb30">
<script data-cookieconsent="ignore">
_config.lightbox = true;
_config.lazyImg = true;
</script>
<div class="embed-responsive-item">
<div class="row detail-gallery__row">
<div class="col-6 h-100">
<div class="row h-100">
<div class="col-6 d-flex mb30">
{% set imageUrl = demi_demiUrl({
'path': 'demi',
'imageId': images[0].getId(),
'objectId': -1,
'dateFrom': null,
'thumbnail': thumbnailNamePrefix ~ '-3',
}, 'demi_image') %}
<a href="{{ images[0].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
aria-label="{{ "demi.detail.open-gallery"|trans }}"
class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img3 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
data-lightbox-thumb="{{ images[0].getThumbnail(thumbnailNamePrefix ~ '-3')|raw }}"
data-sub-html="{{ demi_getNameAndCopyrightForImage(images[0]) }}"
data-img-url="{{ imageUrl }}">
<div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
<span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
</div>
</a>
</div>
<div class="col-6 d-flex mb30">
{% set imageUrl = demi_demiUrl({
'path': 'demi',
'imageId': images[1].getId(),
'objectId': -1,
'dateFrom': null,
'thumbnail': thumbnailNamePrefix ~ '-3',
}, 'demi_image') %}
<a href="{{ images[1].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
aria-label="{{ "demi.detail.open-gallery"|trans }}"
class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img3 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
data-lightbox-thumb="{{ images[1].getThumbnail(thumbnailNamePrefix ~ '-3')|raw }}"
data-sub-html="{{ demi_getNameAndCopyrightForImage(images[1]) }}"
data-img-url="{{ imageUrl }}">
<div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
<span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
</div>
</a>
</div>
<div class="col-12 d-flex">
{% set imageUrl = demi_demiUrl({
'path': 'demi',
'imageId': images[2].getId(),
'objectId': -1,
'dateFrom': null,
'thumbnail': thumbnailNamePrefix ~ '-4',
}, 'demi_image') %}
<a href="{{ images[2].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
aria-label="{{ "demi.detail.open-gallery"|trans }}"
class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img4 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
data-lightbox-thumb="{{ images[2].getThumbnail(thumbnailNamePrefix ~ '-4')|raw }}"
data-sub-html="{{ demi_getNameAndCopyrightForImage(images[2]) }}"
data-img-url="{{ imageUrl }}">
<div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
<span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
</div>
</a>
</div>
</div>
</div>
<div class="col-6 d-flex">
{% set imageUrl = demi_demiUrl({
'path': 'demi',
'imageId': images[3].getId(),
'objectId': -1,
'dateFrom': null,
'thumbnail': thumbnailNamePrefix ~ '-5',
}, 'demi_image') %}
<a href="{{ images[3].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
aria-label="{{ "demi.detail.open-gallery"|trans }}"
class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img5 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
data-lightbox-thumb="{{ images[3].getThumbnail(thumbnailNamePrefix ~ '-5')|raw }}"
data-sub-html="{{ demi_getNameAndCopyrightForImage(images[3]) }}"
data-img-url="{{ imageUrl }}">
<div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
<span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
</div>
</a>
</div>
</div>
</div>
</div>