<section class="mt-4 {{ styleModifier is defined ? styleModifier : '' }}"
data-track-content
data-content-name="{{ package ? 'package-' : 'accommodation-' }}health">
<h2 class="{{ headlineStyle is defined ? headlineStyle : 'mb-4 text-primary' }}">{{ headlineKey is defined ? headlineKey|trans : 'demi.detail.headline.facilities'|trans }}</h2>
<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="col-4 mb-2">{{ item }}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% set count = count + 1 %}
{% endfor %}
</div>
</section>
<hr class="hr--border-gray my-5">