{% set key = "demi.quit" %}
{% if pimcore_device().isPhone() %}
{% set key = "demi.back" %}
{% endif %}
{% set searchKey = 'demi.search.change' %}
{% if isAffiliate is defined and isAffiliate == true %}
{% set searchKey = 'demi.affiliate.search.change' %}
{% endif %}
<script type="text/javascript" data-cookieconsent="ignore">
_config.overlay = true;
_config.searchOverlay = true;
</script>
<div id="search-overlay"
class="overlay js-overlay js-search-overlay {{ modifierClass is defined ? modifierClass : '' }}"
tabindex="-1"
role="dialog"
aria-label="{{ 'demi.search.search-form-headline'|trans }}"
aria-hidden="true">
{% if pimcore_device().isPhone() %}
{{ include('@ElementsDemiFrontend/Includes/overlays/sections/header-with-title.html.twig', {
'title': key|trans,
'noHeadlineMarkup': true
}) }}
{% else %}
{{ include('@ElementsDemiFrontend/Includes/overlays/sections/header-with-title.html.twig',{
'title': 'demi.search.search-form-headline'|trans,
'closeIcon': true,
'noHeadlineMarkup': true
}) }}
{% endif %}
<div class="overlay__content bg-light-gray">
<div class="container py-4">
{{ include('@ElementsDemiFrontend/Includes/forms/search.html.twig',{'pageSubmit':false}) }}
</div>
</div>
{% if tvbPackage is not defined and housePackageContainer is not defined %}
{{ include('@ElementsDemiFrontend/Includes/overlays/additional-search.html.twig') }}
{% endif %}
{{ include('@ElementsDemiFrontend/Includes/overlays/search-duration.html.twig') }}
{{ include('@ElementsDemiFrontend/Includes/overlays/date-range.html.twig') }}
{{ include('@ElementsDemiFrontend/Includes/overlays/occupancy.html.twig',{
'styleModifier': tvbPackage is defined or housePackageContainer is defined ? 'js-occupancy-overlay--participants' : ''
}) }}
</div>