{% if pimcore_device().isPhone() %}
<h2 class="h3 mb-2 mt-4">{{ headlineKey is defined ? headlineKey|trans : 'demi.detail.headline.facilities'|trans }}</h2>
{% endif %}
<section class="{{ pimcore_device().isPhone() ? 'card box-shadow' : 'mt-4' }}"
data-track-content
data-content-name="{{ package is defined and package is not null ? 'package-' : 'accommodation-' }}health">
{% if not pimcore_device().isPhone() %}
<h2 class="mb-4 text-primary">{{ headlineKey is defined ? headlineKey|trans : 'demi.detail.headline.facilities'|trans }}</h2>
{% endif %}
<div class="accordion accordion--demi-additionalservice" id="healthInfo">
{% set count = 1 %}
{% for facilityItem in sortedFacilities %}
<div class="card {{ accommodation is defined ? 'my-1' : '' }}">
<div class="card-header" id="heading-health-{{ count }}">
<h5 class="mb-0">
<a class="text-left d-block collapsed" href="#collapse-health-{{ count }}" data-toggle="collapse" data-target="#collapse-health-{{ count }}" aria-expanded="false" aria-controls="collapse-health-{{ count }}">
{{ facilityItem['name'] }} ({{ facilityItem['facilities']|length}} {{ facilityItem['facilities']|length > 1 ? 'demi.detail.headline.health-facilities-measures'|trans : 'demi.detail.headline.health-facilities-measure'|trans }})
<span class="demi-icon demi-icon-plus fz11 mt-1 float-right" aria-hidden="true"></span>
</a>
</h5>
</div>
<div id="collapse-health-{{ count }}" class="collapse" aria-labelledby="heading-health-{{ count }}" data-parent="#healthInfo">
<div class="card-body">
<div class="wysiwyg">
<ul class="list-unstyled row">
{% for item in facilityItem['facilities'] %}
<li class="ml-2 mr-2 mb-2">{{ item }}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% set count = count + 1 %}
{% endfor %}
</div>
</section>