{% if isPackage is not defined %}
{% set isPackage = false %}
{% endif %}
<div class="js-corridor {{ styleModifier is defined ? styleModifier : '' }}" data-type="{{ type }}">
{% if isPackage %}
{% set ajaxUrl = demi_demiUrl({
'accommodation' : accommodation,
'package' : housePackageMaster},
'demi_acco_package_ajax') %}
{% else %}
{% set ajaxUrl = demi_demiUrl({
'accommodation' : accommodation},
'demi_acco_ajax') %}
{% endif %}
{% if "?" in ajaxUrl %}
{% set parts = ajaxUrl|split('?') %}
{% set ajaxUrl = parts[0] %}
{% endif %}
<script data-cookieconsent="ignore">
_config.corridor = true;
_config.corridorResultCount = {{ demi_core_configuration("getCorridorMatrixDays", []) }}
</script>
<section class="corridor box-shadow bg-white">
<div class="corridor__head ribbon row row--gutter-width-1">
<div class="col col-auto d-flex flex-column">
<button type="button" class="ribbon__item py-3 btn-no-styling px-3 flex-auto flex-row js-corridor__prev">
<span class="demi-icon demi-icon-arrow-left fz15" aria-label="{{ 'demi.detail.corridormatrix.earlier'|trans }}" title="{{ 'demi.detail.corridormatrix.earlier'|trans }}"></span>
</button>
</div>
<div class="col">
<div class="ribbon__item {{ pimcore_device().isPhone() ? "ribbon__item--has-flag" : "" }} py-3 font-medium text-center">
{{ 'demi.detail.corridormatrix.choose-date-and-nights'|trans }}
</div>
</div>
<div class="col col col-auto d-flex flex-column">
<button type="button" class="ribbon__item py-3 btn-no-styling px-3 flex-auto flex-row js-corridor__next">
<span class="demi-icon demi-icon-arrow-right fz15" aria-label="{{ 'demi.detail.corridormatrix.later'|trans }}" title="{{ 'demi.detail.corridormatrix.later'|trans }}"></span>
</button>
</div>
</div>
<div class="js-corridor__matrix">
<!-- is created with js -->
</div>
</section>
</div>