56d6e88451
git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3286 f459cee4-fb09-11de-96c3-f9c5f16c3c76
213 lines
No EOL
14 KiB
Twig
213 lines
No EOL
14 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block body %}
|
|
|
|
<section class="clearfix">
|
|
<div class="content-copy">
|
|
|
|
<h1>{{ travel_program.title }}</h1>
|
|
|
|
<div class="pull-right btn-over-slider">
|
|
<button type="submit" class="btn btn-primary btn-lg border-radius">Jetzt Buchen</button>
|
|
</div>
|
|
<section class="section fullscreen background padding-0 margin-bottom-20">
|
|
<div id="myCarousel" class="carousel slide">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"></li>
|
|
</ol>
|
|
<!-- Wrapper for Slides -->
|
|
<div class="carousel-inner">
|
|
{% for travel_program_image in travel_program.images %}
|
|
{# @var image \AppBundle\Entity\TravelProgramImage #}
|
|
<div class="item{% if loop.first %} active{% endif %}">
|
|
<!-- Set the first background image using inline CSS below. -->
|
|
{# TODO #}
|
|
<div class="fill" style="background-image:url('https://www.sterntours.de/uploads/travel_program/{{ travel_program_image.fileNameWithExtension }}');"></div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- Controls -->
|
|
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
|
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
|
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
|
|
</div>
|
|
</section><!-- end section -->
|
|
|
|
<div class="">
|
|
<div class="scroller-nav-tabs scroller-left-nav-tabs"><i class="glyphicon glyphicon-chevron-left"></i></div>
|
|
<div class="scroller-nav-tabs scroller-right-nav-tabs"><i class="glyphicon glyphicon-chevron-right"></i></div>
|
|
<div class="wrapper-nav-tabs">
|
|
<ul class="nav nav-tabs nav-justified list-nav-tabs">
|
|
<li class="active"><a href="#content_tab_01" aria-controls="content_tab_01" role="tab" data-toggle="tab">Reiseablauf</a></li>
|
|
<li><a href="#content_tab_02" aria-controls="content_tab_02" role="tab" data-toggle="tab">Leistungen</a></li>
|
|
<li><a href="#content_tab_03" aria-controls="content_tab_03" role="tab" data-toggle="tab">Termine <i class="fa fa-star"></i> Preise</a></li>
|
|
<li><a href="#content_tab_04" aria-controls="content_tab_04" role="tab" data-toggle="tab">Karte</a></li>
|
|
<li><a href="#content_tab_05" aria-controls="content_tab_05" role="tab" data-toggle="tab">Landinfos</a></li>
|
|
<li><a href="#content_tab_07" aria-controls="content_tab_07" role="tab" data-toggle="tab">Team vor Ort</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-content">
|
|
|
|
<div role="tabpanel" class="tab-pane active" id="content_tab_01">
|
|
|
|
{{ travel_program.htmlDescription|raw }}
|
|
|
|
</div> <!-- END tabpanel -->
|
|
|
|
<div role="tabpanel" class="tab-pane" id="content_tab_02">
|
|
<ul>
|
|
{% for travel_program_service in travel_program.included|replace({'*': '<img src="/bundles/app/images/star-mini.png" >'})|split('\n') %}
|
|
<li>{{ travel_program_service|raw }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{#
|
|
<h1>Unser Video</h1>
|
|
<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
|
|
<h2 itemprop="name">Video Headline</h2>
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<meta itemprop="embedURL" content="http://www.youtube.com/watch?v=XzgjEBOlC8I">
|
|
<meta itemprop="thumbnailUrl" content="http://exampel.com/Party_Thumbnail.png">
|
|
<meta itemprop="description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">
|
|
<meta itemprop="uploadDate" content="2013-10-01T08:00:00+08:00">
|
|
<meta itemprop="duration" content="T3M35S">
|
|
<iframe class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/XzgjEBOlC8I" frameborder="0" allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
#}
|
|
</div> <!-- END tabpanel -->
|
|
|
|
<div role="tabpanel" class="tab-pane" id="content_tab_03">
|
|
|
|
<h2>{{ travel_program.subtitle }}</h2>
|
|
|
|
<div class="table-responsive" id="no-more-tables">
|
|
|
|
{% if travel_program.travelDates is not empty %}
|
|
{% set has_three_bed_room = (travel_program.travelDates|first).prices[5] is defined %}
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Nr.</th>
|
|
<th>Beginn</th>
|
|
<th>Ende</th>
|
|
{% if has_three_bed_room %}<th>Preis p.P im Dreibettzimmer</th>{% endif %}
|
|
<th>Preis p.P im Doppelzimmer</th>
|
|
<th>Preis p.P im Einzelzimmer</th>
|
|
<th>Abflugorte / Zuschläge</th>
|
|
<th>Buchung</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for travel_date in travel_program.travelDates %}
|
|
{# @var travel_date \AppBundle\Entity\TravelDate #}
|
|
<tr>
|
|
<td data-title="Nr."><strong>{{ travel_date.name }}</strong></td>
|
|
<td data-title="Beginn">{{ travel_date.start|date }}</td>
|
|
<td data-title="Ende">{{ travel_date.end|date }}</td>
|
|
{% if has_three_bed_room %}
|
|
<td data-title="Preis p.P. im Dreibettzimmer">
|
|
{% if travel_date.prices[5] is defined %}
|
|
{% if travel_date.prices[5].effectiveDiscountPrice %}
|
|
<i class="icons-percent"></i>
|
|
{% endif %}
|
|
<span class="block">
|
|
<span class="{% if travel_date.prices[5].effectiveDiscountPrice %}old_price{% endif %}">
|
|
ab {{ travel_date.prices[5].effectivePrice|number_format }} €
|
|
</span>
|
|
{% if travel_date.prices[5].effectiveDiscountPrice %}
|
|
<span class="new_price">
|
|
ab {{ travel_date.prices[5].effectiveDiscountPrice|number_format }} €
|
|
</span>
|
|
{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
</td>
|
|
{% endif %}
|
|
<td data-title="Preis p.P im Doppelzimmer">
|
|
{% if travel_date.prices[3].effectiveDiscountPrice %}
|
|
<i class="icons-percent"></i>
|
|
{% endif %}
|
|
<span class="block">
|
|
<span class="{% if travel_date.prices[3].effectiveDiscountPrice %}old_price{% endif %}">
|
|
ab {{ travel_date.prices[3].effectivePrice|number_format }} €
|
|
</span>
|
|
{% if travel_date.prices[3].effectiveDiscountPrice %}
|
|
<span class="new_price">
|
|
ab {{ travel_date.prices[3].effectiveDiscountPrice|number_format }} €
|
|
</span>
|
|
{% endif %}
|
|
</span>
|
|
</td>
|
|
<td data-title="Preis p.P im Einzelzimmer">
|
|
{% if travel_date.prices[1].effectiveDiscountPrice %}
|
|
<i class="icons-percent"></i>
|
|
{% endif %}
|
|
<span class="block">
|
|
<span class="{% if travel_date.prices[1].effectiveDiscountPrice %}old_price{% endif %}">
|
|
ab {{ travel_date.prices[1].effectivePrice|number_format }} €
|
|
</span>
|
|
{% if travel_date.prices[1].effectiveDiscountPrice %}
|
|
<span class="new_price">
|
|
ab {{ travel_date.prices[1].effectiveDiscountPrice|number_format }} €
|
|
</span>
|
|
{% endif %}
|
|
</span>
|
|
</td>
|
|
<td data-title="Abflugorte / Zuschläge">
|
|
<a href="#" class="color-brand" data-toggle="modal" data-target="#st-departures-modal-{{ loop.index0 }}">
|
|
Flughäfen
|
|
</a>
|
|
|
|
{% include 'default/components/departuresModal.html.twig' with {
|
|
'departures': travel_date.departures,
|
|
'id': loop.index0
|
|
} %}
|
|
</td>
|
|
<td data-title="">
|
|
<a href="{{ page.urlPath ~ '/buchen?nr=' ~ travel_date.name }}"
|
|
class="btn btn-primary"
|
|
>
|
|
Buchungsformular
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% else %}
|
|
Momentan sind für dieses Programm keine Termine verfügbar.
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div> <!-- END tabpanel -->
|
|
</div>
|
|
|
|
<div class="">
|
|
<div class="scroller-nav-tabs scroller-left-nav-tabs"><i class="glyphicon glyphicon-chevron-left"></i></div>
|
|
<div class="scroller-nav-tabs scroller-right-nav-tabs"><i class="glyphicon glyphicon-chevron-right"></i></div>
|
|
<div class="wrapper-nav-tabs">
|
|
<ul class="nav nav-tabs nav-justified list-nav-tabs">
|
|
<li class="active"><a href="#content_tab_01" aria-controls="content_tab_01" role="tab" data-toggle="tab">Reiseablauf</a></li>
|
|
<li><a href="#content_tab_02" aria-controls="content_tab_02" role="tab" data-toggle="tab">Leistungen</a></li>
|
|
<li><a href="#content_tab_03" aria-controls="content_tab_03" role="tab" data-toggle="tab">Termine <i class="fa fa-star"></i> Preise</a></li>
|
|
<li><a href="#content_tab_04" aria-controls="content_tab_04" role="tab" data-toggle="tab">Karte</a></li>
|
|
<li><a href="#content_tab_05" aria-controls="content_tab_05" role="tab" data-toggle="tab">Landinfos</a></li>
|
|
<li><a href="#content_tab_07" aria-controls="content_tab_07" role="tab" data-toggle="tab">Team vor Ort</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section><!-- end section -->
|
|
{% endblock body %} |