sterntours/app/Resources/views/default/components/header.html.twig
Kevin Adametz 45150780de Startseiten-CMS-Anbindung abschließen
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-28 15:04:21 +00:00

314 lines
18 KiB
Twig

<div id="topBar" class="">
<div class="container-fluid">
{% if content.info.office_important_note_active == 1 %}
<ul class="top-links block">
<li class="icon">
<a class="dropdown-toggle no-text-underline" data-toggle="dropdown" data-hover="dropdown" href="#"><i class="fa fa-info"></i></a>
<div class="dropdown-menu dropdown-menu-left dropdown-menu-infos">
<div class="dropdown-menu-header">
<span><i class="fa fa-info"></i> aktuelle Infos</span>
</div>
<div class="dropdown-menu-body">
{{ content.info.office_important_note }}
</div>
</div>
</li>
<li style="overflow: hidden;width: 100%;">
<div id="marquee" class="marquee"><span> {{ content.info.office_important_note }}</span></div>
</li>
</ul>
{% endif %}
<ul class="top-links block wrap" id="topNavAccordion">
<li>
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopTravelDates" role="button" aria-expanded="false" aria-controls="collapseTopTravelDates">
<i class="fa fa-plane"></i> Reisetermine
<i class="fa fa-caret-collapse"></i>
</a>
<!-- ab Montag um 09:00 Uhr -->
<!-- bis xxx Uhr -->
<div class="dropdown-menu-infos collapse" id="collapseTopTravelDates">
<div class="dropdown-menu-body">
<div class="badge badge-default btn-block">
<span class="text-default">{{ header_travel_program.title }} <br>
</div>
<table class="table table-condensed table-vertical-middle">
<tr>
<th class="text-left">Hinflug</th>
<th class="text-left">Rückflug</th>
<th class="text-left">Preis p. P.</th>
</tr>
{% set last_name = "" %}
{% for travel_date in header_travel_program.travelDates('header') if travel_date.status >= 0 %}
{% if loop.index <= 6 %}
{% if last_name != travel_date.name %}
{% set last_name = travel_date.name %}
<tr>
<td class="text-left">{{ travel_date.start|date }}</td>
<td class="text-left">{{ travel_date.end|date }}</td>
<td class="text-left">
<strong>
{% if travel_date.prices[3] is defined %}
{% if travel_date.prices[3].available == "1" %}
{% if travel_date.prices[3].effectiveDiscountPrice %}
<a href="{{ header_travel_program.page.urlPath }}" style="color: #558c55; text-decoration: underline;">
ab {{ travel_date.prices[3].effectiveDiscountPrice|number_format }}
</a>
{% endif %}
{% endif %}
{% endif %}
</strong>
</td>
</tr>
{% endif %}
{% endif %}
{% endfor %}
</table>
<a href="{{ header_travel_program.page.getUrlPathBefore }}">weitere Rundreisen ansehen</a>
</div>
</div>
</li>
<li>
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopPhone" role="button" aria-expanded="false" aria-controls="collapseTopPhone">
<i class="fa fa-phone-square"></i> 030 - 700 94 100 &bull;
{% if(content.available.phone.active) %}
<span class="text-success">erreichbar</span>
{% else %}
erreichbar
{% endif %}
{{ content.available.phone.content }}
<i class="fa fa-caret-collapse"></i>
</a>
<!-- ab Montag um 09:00 Uhr -->
<!-- bis xxx Uhr -->
<div class="dropdown-menu-infos collapse" id="collapseTopPhone">
<div class="dropdown-menu-body">
<p><a href="tel:030 - 700 94 100" class="btn btn-secondary btn-sm btn-block text-center"><i class="fa fa-phone-square text-success" ></i> 030 - 700 94 100</a></p>
<hr>
<div class="badge badge-default btn-block">
{% if(content.available.phone.active) %}
<span class="text-success"><i class="fa fa-check-circle fa-lg"></i></span> Wir sind zur Zeit telefonisch zu erreichen.
{% else %}
<span class="text-danger"><i class="fa fa-times-circle fa-lg"></i></span> Wir sind zur Zeit telefonisch nicht zu erreichen.
{% endif %}
</div>
<table class="table table-condensed table-vertical-middle">
{% for key, val in phone %}
<tr>
<td class="text-left" style="width: 50%">{{ val.day }} <span class="text-muted pull-right"> {{ val.date }}</span></td>
{% if val.active == 0 %}
<td colspan="3">geschlossen</td>
{% else %}
<td>{{ val.from }}</td><td>-</td><td>{{ val.to }}</td>
{% endif %}
</tr>
{% endfor %}
</table>
</div>
</div>
</li>
<li>
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopLocal" role="button" aria-expanded="false" aria-controls="collapseTopLocal">
<i class="fa fa-clock-o"></i> Reisebüro
{% if(content.available.local.active) %}
<span class="text-success">geöffnet</span> &bull;
{% else %}
<span class="text-danger">geschlossen</span> &bull;
{% endif %}
{{ content.available.local.content }}
<i class="fa fa-caret-collapse"></i>
</a>
<div class="dropdown-menu-infos collapse" id="collapseTopLocal">
<div class="dropdown-menu-body">
<div class="badge badge-default btn-block">
{% if(content.available.local.active) %}
<span class="text-success"><i class="fa fa-check-circle fa-lg"></i></span> Unsere Büro ist aktuell geöffnet.
{% else %}
<span class="text-danger"><i class="fa fa-times-circle fa-lg"></i></span> Unsere Büro ist aktuell geschlossen.
{% endif %}
</div>
<table class="table table-condensed table-vertical-middle">
{% for key, val in local %}
<tr>
<td class="text-left" style="width: 50%">{{ val.day }} <span class="text-muted pull-right"> {{ val.date }}</span></td>
{% if val.active == 0 %}
<td colspan="3">geschlossen</td>
{% else %}
<td>{{ val.from }}</td><td>-</td><td>{{ val.to }}</td>
{% endif %}
</tr>
{% endfor %}
</table>
</div>
</div>
</li>
<li>
<a class="dropdown-toggle no-text-underline collapsed" data-toggle="collapse" href="#collapseTopContact" role="button" aria-expanded="false" aria-controls="collapseTopContact"><i class="fa fa-envelope"></i> Kontakt &bull; Formular &bull; Terminvereinbarung <i class="fa fa-caret-collapse"></i></a>
<div class="dropdown-menu-infos collapse" id="collapseTopContact">
<div class="dropdown-menu-body">
{{ content.info.office_appointment | raw }}
</div>
</div>
</li>
</ul>
</div>
</div>
<div id="header" class="sticky clearfix">
<!-- TOP NAV -->
<header id="topNav">
<div class="container-fluid">
<!-- Mobile Menu Button -->
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
<i class="fa fa-bars"></i> Menü
</button>
<button class="btn btn-primary btn-mobile-info myanimated my_fadein">
<i class="fa fa-info"></i>
</button>
<!-- Logo -->
<a class="logo" href="/">
<img src="{{ asset('images/wlogo.png') }}" alt="Stern Tours">
</a>
<div class="navbar-collapse nav-main-collapse collapse">
<nav class="nav-main">
<ul class="topMain nav nav-pills nav-main md-pull-left">
<li class=" active"><!-- HOME -->
<a href="/" title="Kulturreisen" itemprop="">
<i class="fa fa-home fa-lg"></i> <span class="hidden-md hidden-lg">Kulturreisen</span>
</a>
</li>
{% for nav_page in nav_pages if nav_page.country is not empty %}
{% if nav_page.showInNavi == 1 %}
{# @var nav_page \AppBundle\Entity\Page #}
<li class="dropdown">
<a class="dropdown-toggle" href="{{ nav_page.urlPath }}">
<i class="fa fa-star"></i> {{ nav_page.title|replace({'Reisen': ''}) }} <span class="hidden-md hidden-lg">Reisen</span>
</a>
<ul class="dropdown-menu">
<li>
<h4><i class="fa fa-star"></i> <a href="{{ nav_page.urlPath }}" title="{{ nav_page.title }}">
{{ nav_page.title|replace({'Reisen': ''}) }} Reisen
</a></h4>
</li>
{% for childnav_page in nav_page.children %}
{# @var childnav_page \AppBundle\Entity\Page #}
{% if(childnav_page.beforeTitle == "Infos") %}
<li>
<h4><i class="fa fa-info-circle"></i> &nbsp;Infos</h4>
</li>
{% endif %}
<li role="menuitem" itemprop="name">
<a itemprop="url" href="{{ childnav_page.urlPath }}" title="{{ childnav_page.title }}">
{{ childnav_page.titleShort }}
</a>
</li>
{% endfor %}
</ul>
</li>
{% endif %}
{% endfor %}
</ul>
<ul class="topMain nav nav-pills nav-main md-pull-right">
<li class="dropdown">
<a class="dropdown-toggle extra-margin-left" href="/ferienwohnungen">
<span class="text-usedom">USEDOM</span> <span class="hidden-md">Ferienwohnungen</span> <span class="hidden-sm hidden-lg hidden-xs">FeWo</span>
</a>
<ul class="dropdown-menu pull-right">
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen" title="Usedom Ferienwohnungen"><i class="isv-fewo"></i> Übersicht </a>
</li>
<li class="divider"></li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo1-strandstr29" title="FeWo 1 Strandstr. 29">
<i class="isv-fewo"></i> FeWo 1 Strandstr. 29
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo2-strandstr29" title="FeWo 2 Strandstr. 29">
<i class="isv-fewo"></i> FeWo 2 Strandstr. 29
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo3-strandstr29" title="FeWo 3 Strandstr. 29">
<i class="isv-fewo"></i> FeWo 3 Strandstr. 29
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo4-strandstr29" title="FeWo 4 Strandstr. 29">
<i class="isv-fewo"></i> FeWo 4 Strandstr. 29
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo1-triftweg10" title="FeWo 1 Triftweg 10">
<i class="isv-fewo"></i> FeWo 1 Triftweg 10
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo2-triftweg10" title="FeWo 2 Triftweg 10">
<i class="isv-fewo"></i> FeWo 2 Triftweg 10
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo3-triftweg10" title="FeWo 3 Triftweg 10">
<i class="isv-fewo"></i> FeWo 3 Triftweg 10
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ferienwohnungen/fewo4-triftweg10" title="FeWo 4 Triftweg 10">
<i class="isv-fewo"></i> FeWo 4 Triftweg 10
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" href="#">
<i class="fa fa-ellipsis-v fa-lg"></i> <span class="hidden-md hidden-lg">mehr</span>
</a>
<ul class="dropdown-menu pull-right">
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/tuerkei-reisen" title="Türkei Reisen"><i class="fa fa-star"></i> Türkei Reisen </a>
</li>
<li class="divider"></li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/ueber-uns" title="Über uns"><i class="fa fa-users"></i> Über uns</a>
</li>
<li class="divider"></li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/reiseversicherung" title="Reiseversicherung">
<i class="fa fa-shield"></i> Reiseversicherung
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/reisefuehrer" title="Reiseführer">
<i class="fa fa-flag"></i> Reiseführer
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/reisemagazin" title="Reisemagazin">
<i class="fa fa-book"></i> Reisemagazin
</a>
</li>
<li role="menuitem" itemprop="name">
<a itemprop="url" href="/reisenews" title="Reisenews">
<i class="fa fa-newspaper-o"></i> Reisenews
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</header>
</div>