{% set items = [] %}
{% set isActive = true %}
{% if tour.gettingThere != '' %}
{% set items = items|merge([{
"id": "gettingThere-tab",
"text": "tour-detail.Anreise"|trans,
"href": "#gettingThere",
"isActive": isActive,
"targetId": "gettingThere",
"content": tour.gettingThere
}]) %}
{% set isActive = false %}
{% endif %}
{% if tour.directions != '' %}
{% set items = items|merge([{
"id": "route-tab",
"text": "tour-detail.Wegbeschreibung"|trans,
"href": "#route",
"isActive": isActive,
"targetId": "route",
"content": tour.directions
}]) %}
{% set isActive = false %}
{% endif %}
{% if tour.safetyGuidlines != '' %}
{% set items = items|merge([{
"id": "safety-tab",
"text": "tour-detail.Sicherheit & Ausrüstung"|trans,
"href": "#safety",
"isActive": isActive,
"targetId": "safety",
"content": tour.safetyGuidlines
}]) %}
{% set isActive = false %}
{% endif %}
{% if tour.tip != '' %}
{% set items = items|merge([{
"id": "tips-tab",
"text": "tour-detail.Tipps"|trans,
"href": "#tips",
"isActive": isActive,
"targetId": "tips",
"content": tour.tip
}]) %}
{% set isActive = false %}
{% endif %}
{% if tour.publicTransit != '' %}
{% set items = items|merge([{
"id": "public-transit-tab",
"text": "tour-detail.public-transit"|trans,
"href": "#public-transit",
"isActive": isActive,
"targetId": "public-transit",
"content": tour.publicTransit
}]) %}
{% set isActive = false %}
{% endif %}
{% if tour.parking != '' %}
{% set items = items|merge([{
"id": "parking-tab",
"text": "tour-detail.Parken"|trans,
"href": "#parking",
"isActive": isActive,
"targetId": "parking",
"content": tour.parking
}]) %}
{% set isActive = false %}
{% endif %}
{% if tour.additionalInformation != '' %}
{% set items = items|merge([{
"id": "additionalInformation-tab",
"text": "tour-detail.Weiteres"|trans,
"href": "#additionalInformation",
"isActive": isActive,
"targetId": "additionalInformation",
"content": tour.additionalInformation
}]) %}
{% set isActive = false %}
{% endif %}
<section class="container container-sm content-block js-fade-in {{ anchorNavItem | default(null) ? 'js-anchor-nav__item' : '' }}">
{{ include('Includes/title-block.html.twig', {
title: 'tour-detail.Weitere Informationen'|trans,
isCentered: true
}) }}
{{ include('Includes/tabs.html.twig', _context) }}
<div class="tab-content" role="tabpanel">
{% for item in items %}
<div class="tab-pane fade {{ item.isActive ? 'show active' : '' }}" id="{{ item.targetId }}" aria-labelledby="{{ item.id }}">
<section class="wysiwyg-area">
<div class="container container-sm">
<div class="wysiwyg-area__content wysiwyg">
{{ item.content | raw }}
</div>
</div>
</section>
</div>
{% endfor %}
</div>
</section>