{% do jsConfig("_config").add('overlay', true) %}
{% set lazyLoadAll = lazyLoadAll is defined ? lazyLoadAll : false %}
{% set imagesTypes = imagesTypes is defined ? imagesTypes : null %}
{% if accommodation is defined and accommodation is not null %}
{% set imgId = accommodation.getId() %}
{% elseif destinationPackage is defined and destinationPackage is not null %}
{% set imgId = destinationPackage.getId() %}
{% elseif additionalService is defined and additionalService is not null %}
{% set imgId = additionalService.getId() %}
{% endif %}
{% if destinationPackage is defined and destinationPackage is not null %}
{% set label = destinationPackage.getName() %}
{% elseif accommodation is defined and accommodation is not null %}
{% set label = accommodation.getName() %}
{% elseif additionalService is defined and additionalService is not null %}
{% set label = additionalService.getName() %}
{% endif %}
{% if id is defined %}
{% set imgId = id %}
{% endif %}
<div id="{{ imgId ~ '-imgs-overlay' }}"
class="overlay js-overlay"
tabindex="-1"
role="dialog"
aria-label="{{ label }}"
aria-hidden="true">
{{ include('@ElementsDemiFrontend/Includes/overlays/sections/header-with-title.html.twig', {
'title': label,
'noHeadlineMarkup': true
}) }}
{% if accommodationProduct is defined and accommodationProduct is not null %}
{% set imageList = demi_getRoomPictures(accommodationProduct,fromDate) %}
{% elseif destinationPackage is defined and destinationPackage is not null %}
{% set imageList = destinationPackage.getImages(fromDate) %}
{% elseif additionalService is defined and additionalService is not null %}
{% set imageList = additionalService.getImages(null, fromDate) %}
{% else %}
{% set imageList = accommodation.getImages(imagesTypes, fromDate, true) %}
{% if housePackageMaster is defined and housePackageMaster is not null %}
{% set imageList = imageList|merge(housePackageMaster.getImages(imagesTypes, fromDate)) %}
{% endif %}
{% endif %}
<div class="overlay__content bg-light-gray">
<div>
<script data-cookieconsent="ignore">
_config.lazyImg = true;
</script>
<ul class="list-unstyled js-img-gallery-overlay__list">
{% set imageCount = 0 %}
{% for key,image in imageList %}
{% if image is not null %}
{{ include('@ElementsDemiFrontend/Includes/elements/image-list-element.mobile.html.twig', {
'image': image,
'key': key,
'lazy': lazyLoadAll or imageCount > 2
}) }}
{% set imageCount = imageCount + 1 %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>