<section class="mt-4" data-track-content data-content-name="{{ package is defined ? 'package-' : 'accommodation-'}}facilities">
<h2 class="h3 mb-2">{{ headlineKey is defined ? headlineKey|trans : 'demi.detail.headline.facilities'|trans }}</h2>
<div class="card box-shadow js-expandable expandable-block">
<script data-cookieconsent="ignore">
_config.expandable = true;
</script>
<div class="expandable-block__content-wrapper js-expandable__content-wrapper">
<div class="card-body js-expandable__content expandable-block__content">
<ul class="list-unstyled feature-list">
{% set i = 0 %}
{% set facilityItemCount = sortedFacilities|length %}
{% for facilityItem in sortedFacilities %}
<li>
<div class="row row--gutter-width-6">
<div class="col col-auto feature-list__icon">
<span class="demi-icon demi-icon-{{ facilityItem['keyname'] is not empty ? facilityItem['keyname']|lower : 'star' }} text-muted fz20"></span>
</div>
<div class="col">
<h4 class="mb-3">
{{ facilityItem['name'] }}
</h4>
<div class="wysiwyg">
{{ facilityItem['facilities']|join(', ') }}
</div>
</div>
</div>
{% set i = i+1 %}
{% if i < facilityItemCount or (links is not empty or lt is not empty ) %}
<hr>
{% endif %}
</li>
{% endfor %}
{% if links is not empty %}
<li>
<div class="row row--gutter-width-6">
<div class="col col-auto feature-list__icon">
<span class="demi-icon demi-icon-info text-muted fz20"></span>
</div>
<div class="col">
<h4 class="mb-3">
{{ "demi.detail.headline.links"|trans }}
</h4>
<div class="wysiwyg">
{% for allLink in links %}
{% set tmpUrl = demi_findNiceUrl(allLink.getUrl()|escape) %}
{% if tmpUrl is not empty %}
<a href="{{ tmpUrl }}" target="_blank" class="text-underline text-primary">{{ allLink.getName()|escape }}</a></br>
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% if lt is not empty %}
<hr>
{% endif %}
</li>
{% endif %}
{% if lt is not empty %}
<li>
<div class="row row--gutter-width-6">
<div class="col col-auto feature-list__icon">
<span class="demi-icon demi-icon-info text-muted fz20"></span>
</div>
<div class="col">
<h4 class="mb-3">
{{ "demi.detail.headline.conditions"|trans }}
</h4>
<div class="wysiwyg">
{{ lt|raw }}
</div>
</div>
</div>
</li>
{% endif %}
</ul>
</div>
</div>
{{ include('@ElementsDemiFrontend/Includes/elements/read-more.mobile.html.twig') }}
</div>
</section>