{% extends 'base.html.twig' %}
{% form_theme form 'default/form/theme.html.twig' %}

{% block meta_robots %}
    <meta name="robots" content="noindex,nofollow" />
    {% if app.debug %}<!-- meta-robots wurde durch das Twig-Seitentemplate festgelegt -->{% endif %}
{% endblock %}
{% block canonical_tag %}{% if app.debug %}<!-- Die canonical URL wird für diese Seite bewusst nicht definiert, da sie vom Suchindex ausgeschlossen wurde (Siehe meta robots) -->{% endif %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {% stylesheets 'bundles/app/css/booking.css' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% javascripts '@AppBundle/Resources/public/js/booking.js' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

{% block body %}
    <section class="clearfix">

        <div class="content-copy">

            <h1>Buchungsformular</h1>

            <div class="pull-right">
                <a href="{{ page.urlPath }}" class="btn btn-primary btn-sm"><< zurück zu Termine und Preise</a>
            </div>
            <div class="clearfix"></div>

            <h2 style="margin-top:10px">{{ travel_program.title }}</h2>


            <div id="booking_form" class="booking_form">

                <form class="st-booking-form" method="post" data-toggle="validator">

                    {{ form_errors(form) }}

                      {{ form_errors(form.email) }}

                    <div id="message"></div>

                    <div class="form-box">
                        <div class="table-responsive" id="no-more-tables_first">
                            <table class="table first-table">
                                <tbody>
                                <tr>
                                    <td>Reiseprogramm</td>
                                    <td>
                                        {{ travel_program.title }}
                                        {#<br class="visible-xs"><a href="#" data-toggle="modal" data-target="#myModal">(Reisebeschreibung aufrufen)</a>#}
                                    </td>
                                </tr>
                                <tr>
                                    <td>Kategorie</td>
                                    <td>Standard {# #TODO #}</td>
                                </tr>
                                <tr>
                                    <td>Reisezeitraum</td>
                                    <td>{{ travel_date.start|date }} - {{ travel_date.end|date }} ({{ travel_date.name }})</td>
                                </tr>
                                <tr>
                                    <td>{{ form_label(form.departure, 'Abflugort') }}</td>
                                    <td>
                                        <div class="form-group" style="margin-bottom: 0px;">
                                            {{ form_widget(form.departure) }}
                                            {{ form_errors(form.departure) }}
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </td>
                                </tr>
                                {# TODO folgendes evtl noch weiter verallgemeinern #}
                                {% set priceTypeIds = [] %}
                                {% for price in travel_date.prices %}
                                    {% set priceTypeIds = priceTypeIds|merge([price.priceTypeId]) %}
                                {% endfor %}

                                {% if "1" in priceTypeIds %}
                                <tr>
                                {% else %}
                                <tr style="display:none">
                                {% endif %}
                                    <td>{{ form_label(form.singleRoomCount, 'Einzelzimmer') }}</td>
                                    <td>
                                        {{ form_widget(form.singleRoomCount) }}
                                        {{ form_errors(form.singleRoomCount) }}
                                    </td>
                                </tr>
                                {% if "3" in priceTypeIds %}
                                <tr>
                                {% else %}
                                <tr style="display:none">
                                {% endif %}
                                    <td>{{ form_label(form.doubleRoomCount, 'Doppelzimmer') }}</td>
                                    <td>
                                        {{ form_widget(form.doubleRoomCount) }}
                                        {{ form_errors(form.doubleRoomCount) }}
                                    </td>
                                </tr>

                                {% if "5" in priceTypeIds %}
                                <tr>
                                {% else %}
                                <tr style="display:none">
                                {% endif %}
                                    <td>{{ form_label(form.tripleRoomCount, 'Dreibettzimmer') }}</td>
                                    <td>
                                        {{ form_widget(form.tripleRoomCount) }}
                                        {{ form_errors(form.tripleRoomCount) }}
                                    </td>
                                </tr>
                        
                                <tr>
                                    <td>Zubuchbare Leistungen</td>
                                    <td>
                                        {% if form.comfort is defined %}
                                            <div class="checkbox">
                                                {{ form_widget(form.comfort) }}
                                                <label for="{{ form.comfort.vars.id }}">
                                                    Komfort-Kategorie (4 Sterne)
                                                    (<a href="#" data-toggle="modal" data-target="#st-comfort-booking-option-modal">Details</a>)
                                                </label>
                                                {% embed "default/components/embed/modal.html.twig" with {
                                                    'title': 'Komfort-Kategorie (4 Sterne)',
                                                    'id': 'comfort-booking-option'
                                                } %}
                                                    {% block body %}
                                                        <h4>Aufpreise für Kategorie</h4>
                                                        <ul>
                                                            {% for price in travel_date.prices %}
                                                                {# @var price \AppBundle\Entity\TravelPeriodPrice #}
                                                                <li>
                                                                    p.P. {{ price.effectiveComfortPrice|number_format(2) }} €
                                                                    {{ price_type_by_id[price.priceType.id].name }}
                                                                </li>
                                                            {% endfor %}
                                                        </ul>
                                                    {% endblock %}
                                                {% endembed %}
                                            </div>
                                        {% endif %}

                                        {% if form.travelOptions is defined %}
                                            {% for travelOptionForm in form.travelOptions %}
                                                {% include 'default/components/booking/travelOption.html.twig' with {
                                                    'travelOptionForm': travelOptionForm,
                                                    'travelOption': form.travelOptions.vars.choices[travelOptionForm.vars.value].data
                                                } %}
                                            {% endfor %}
                                        {% endif %}
                                    </td>
                                </tr>
                                <tr style="display:none">
                                    <td>Reiseversicherung</td>
                                    <td>
                                        <div class="radio">
                                            <input id="st-no-insurance-opt" type="radio" value=""
                                                   name="{{ form.insurance.vars.full_name }}"
                                                   {% if form.insurance.vars.value == '' %}checked{% endif %}
                                            >
                                            <label for="st-no-insurance-opt">keine Reiseversicherung</label>
                                        </div>

                                        {% for insuranceForm in form.insurance %}
                                            {% include 'default/components/booking/insurance.html.twig' with {
                                                'form': insuranceForm,
                                                'insurance': form.insurance.vars.choices[insuranceForm.vars.value].data
                                            } %}
                                        {% endfor %}

                                        {{ form_errors(form.insurance) }}
                                    </td>
                                </tr> 

                                <tr>
                                    <td>Reiseversicherung</td>
                                    <td>
                                     <p style="white-space: normal;">
                                        <br>
                                        STERN TOURS GmbH empfiehlt generell den Abschluss einer Reise-Rücktrittskosten-Versicherung und einer Auslands-Reisekrankenversicherung mit Rücktransport.
                                         Im Anschluss der Buchung senden wir Ihnen diesbezüglich Informationen zu.
                                    </p>
                                    </td>
                                </tr>


                                </tbody>
                            </table>
                        </div>

                        <div class="col-xs-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <h3>Ihr gewähltes Angebot</h3>
                                    <div class="st-booking-summary">
                                        {% include 'default/components/booking/summary.html.twig' with {
                                            'summary': summary,
                                            'total_price': total_price,
                                            'booking_price_info': booking_price_info,
                                            'show_detail' : true,
                                        } %}
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>



                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Flugdaten</h5>
                            </div>

                            <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="accordion-toggle-2">
                                        <div class="panel-group" id="accordion_fd">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion_fd" href="#collapse_fd" aria-expanded="true">
                                                <h3><span>Flugdaten einblenden</span><i class="indicator pull-right icon-plus"></i></h3>
                                            </a>
                                            <div id="collapse_fd" class="panel-collapse collapse" aria-expanded="true" style="">
                                                <div class="panel-body">


                                                    {% for departure in travel_date.departures %}
                                                        {# @var departure \AppBundle\Entity\TravelDeparturePoint #}

                                                        {% if departure.flightTime[travel_date.startWeekday] is defined %}
                                                        <div class="flight_times_ele" id="flight_time_{{ departure.id }}" style="display: none;">
                                                         <h3>Von {{ departure.name }}</h3>
                                                        {# travel_date.end|date #}
                                                        {# travel_date.end|date #}
                                                            {{ departure.flightTime[travel_date.startWeekday] }}

                                                        </div>
                                                        {% endif %}

                                                    {% endfor %}
                                                    <div class="" id="no_flight_time" style="display: none;">
                                                        <p>Die Flugdaten sind zum Zeitpunkt der Ausschreibung noch nicht bekannt und daher werden wir Ihnen diese mit der Annahme vom Buchungsauftrag mitteilen.</p>
                                                    </div>

                                                    <div class="" id="yes_flight_time" style="display: none;">
                                                        <h3>Hinweis</h3>
                                                        <p>Flugzeiten können um 1 Std. variieren durch Sommer-/Winterzeit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </ul>

                            </div><!-- accordion -->
                        </div>
                    </div>


                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Reiseprogramm mit Anzeige der Reisetage</h5>
                            </div>

                            <div class="col-md-12 col-sm-12 col-xs-12">
                                {% set travel_program_dates = travel_program.getTravelProgramDates(travel_date.start) %}

                                <ul class="c1">
                                {% for travel_program_date in travel_program_dates if travel_program_date.count < 1 %}
                                    <li>
                                        {{ travel_program_date.date }} : {{ travel_program_date.day|raw  }}
                                        {% if travel_program_date.night is defined %}
                                            <br>Übernachtung : {{ travel_program_date['night']|raw  }}
                                        {% endif %}
                                    </li>
                                {% endfor %}

                                    <div class="accordion-toggle-2">
                                        <div class="panel-group" id="accordion_pd">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion_pd" href="#collapse_pd" aria-expanded="true">
                                                <h3><span>Reiseablauf mit Reisetagen einblenden</span><i class="indicator pull-right icon-plus"></i></h3>
                                            </a>
                                            <div id="collapse_pd" class="panel-collapse collapse" aria-expanded="true" style="">
                                                <div class="panel-body">

                                                    {% for travel_program_date in travel_program_dates if travel_program_date.count > 0 %}
                                                        <li>
                                                            {{ travel_program_date.date }} : {{ travel_program_date.day|raw  }}
                                                            {% if travel_program_date.night is defined %}
                                                                <br>Übernachtung : {{ travel_program_date['night']|raw  }}
                                                            {% endif %}
                                                        </li>
                                                    {% endfor %}

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </ul>

                            </div><!-- accordion -->
                        </div>
                    </div>

                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Reiseleistungen</h5>
                            </div>

                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="accordion-toggle-2">
                                    <div class="panel-group" id="accordion">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true">
                                            <h3><span>Reiseleistungen einblenden</span><i class="indicator pull-right icon-plus"></i></h3>
                                        </a>
                                        <div id="collapse1" class="panel-collapse collapse" aria-expanded="true" style="">
                                            <div class="panel-body">
                                                <h3>Eingeschlossene Leistungen</h3>
                                                <ul class="c1">
                                                    {% 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>
                                                <h3>Nicht eingeschlossene / zubuchbare Leistungen</h3>
                                                <ul class="c1">
                                                    {% for travel_program_service in travel_program.excluded|split('\n') %}
                                                        <li>{{ travel_program_service|raw }}</li>
                                                    {% endfor %}
                                                </ul>
                                                {% if (travel_program.advices is not empty) or (travel_program.generalnote is not empty) %}
                                                    <h3>Hinweise</h3>
                                                    <ul class="c1">
                                                         {% if travel_program.generalnote is not empty %}
                                                             {% for notes in travel_program.generalnote.text|trim|split('\n') %}
                                                                 {% if notes is not empty %}
                                                                    <li>{{ notes|raw }}</li>
                                                                  {% endif %}
                                                             {% endfor %}
                                                        {% endif %}
                                                        {% for travel_program_advice in travel_program.advices|trim|split('\n') %}
                                                            {% if travel_program_advice is not empty %}
                                                            <li>{{ travel_program_advice|raw }}</li>
                                                             {% endif %}
                                                        {% endfor %}
                                                    </ul>
                                                {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- accordion -->
                        </div>
                    </div>



                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Reiseanmelder</h5>
                            </div>

                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                {{ form_field_pho(form.salutation, 'Anrede', {'label_attr': {class: 'sr-only'}}) }}
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="form-group">
                                     <div class="required">
                                        {{ form_field_pho(form.firstName, 'Vorname') }}
                                     </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="form-group">
                                 <div class="required">
                                    {{ form_field_pho(form.lastName, 'Nachname') }}
                                 </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group">
                                 <div class="required">
                                    {{ form_field_pho(form.streetAddress, 'Straße, Hausnummer') }}
                                 </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="form-group">
                                 <div class="required">
                                    {{ form_field_pho(form.zipCode, 'PLZ') }}
                                 </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="form-group">
                                 <div class="required">
                                    {{ form_field_pho(form.city, 'Ort') }}
                                 </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                {{ form_field_pho(form.nation, 'Land') }}
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <div class="form-group">
                                 <div class="required">
                                    {{ form_field_pho(form.phone, 'Telefon tagsüber') }}
                                 </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                            <div class="col-md-6 col-sm-6 col-xs-12">
                                {{ form_field_pho(form.fax, 'Fax (optional)') }}
                            </div>

                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group">
                                 <div class="required">
                                    {{ form_field_pho(form.email, 'E-Mail-Adresse') }}
                                 </div>
                                      <div class="help-block with-errors"></div>
                                 </div>
                            </div>

                        </div>
                    </div><!-- end form-box -->

                        <style type="text/css">
                            .form-box-small .form-group {
                                margin-bottom: 5px;
                            }
                            .form-box-small .help-block {
                                margin-top: 0px;
                                margin-bottom: 0px;
                            }
                            .form-box-small .form-control{
                                margin-bottom: 8px;

                            }

                            .form-box.form-box-small .st-travelers div.required:before {
                                margin-right: 20px;
                                right: 0px;
                                top: 0px;
                            }

                        </style>

                    <div class="form-box form-box-small">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Reiseteilnehmer</h5>
                                <p>Bitte geben Sie Ihre Vornamen und Nachnamen in die beiden Felder "Vornamen" und "Nachnamen" ein, wie diese im maschinenlesbaren Teil in Ihrem Reisepass eingetragen sind.</p>
                            </div>
                            <div class="col-md-12 col-sm-12 col-xs-12">

                            <div class="st-travelers">
                            {% set currentIndex = 0 %}
                            {% for room in form.rooms %}
                                {% for traveler in room.travelers %}
                                    {#{{ dump(room.vars.value.roomType) }}#}
                                    {% set currentIndex = currentIndex + 1 %}
                                        
                                    <div class="row st-traveler st-traveler-{{ currentIndex }}" 
                                        data-st-traveler-index="{{ currentIndex }}"
                                        data-room-index="{{ loop.parent.loop.index }}"
                                        data-room-type="{{ room.vars.value.type }}"
                                        style="display: none; border-bottom:2px solid #ffc926; margin-bottom: 20px; padding-bottom: 10px;">
                                        
                                         <div class="col-md-12 col-sm-12 col-xs-12" style="margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff;">
                                             <button class="btn btn-primary btn-sm border-radius st-traveller-index" type="button">
                                                {% set roomType = ""  %}
                                                {% if loop.parent.loop.index is not null %}
                                                    {% if room.vars.value.type == "1" %}
                                                        {% set roomType = "Einzelzimmer" %}
                                                    {% elseif room.vars.value.type == "2" %}
                                                        {% set roomType = "Doppelzimmer" %}
                                                    {% elseif room.vars.value.type == "3" %}
                                                        {% set roomType = "Dreibettzimmer" %}
                                                    {% endif %}
                                                {% endif %}
                                              Reiseteilnehmer | {{ roomType }} 
                                            </button> 
                                        </div>


                                         <div class="col-md-3 col-sm-12 col-xs-12">
                                            <div class="form-group" style="margin-top:5px;">
                                                <div class="required">
                                                   {{ form_field_pho(traveler.sex, 'Geschlecht', {
                                                                required: false
                                                    }) }}
                                                </div>
                                                  <div class="help-block with-errors"></div>
                                             </div>
                                        </div>

                                         <div class="col-md-4 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                 <div class="required">
                                                    {{ form_field_pho(traveler.firstName, 'Vorname') }}
                                                 </div>
                                                   <div class="help-block with-errors"></div>
                                             </div>
                                        </div>

                                        <div class="col-md-5 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                 <div class="required">
                                                    {{ form_field_pho(traveler.lastName, 'Nachname') }}
                                                 </div>
                                                   <div class="help-block with-errors"></div>
                                             </div>
                                        </div>
                                        
                                         <div class="col-md-offset-3 col-md-4 col-sm-12 col-xs-12">
                                            <div class="form-group" style="margin-top:5px;">
                                                <div class="required nationality_select" data-toggle="#nationality_entry_{{ currentIndex }}">
                                                    {{ form_field_pho(traveler.nationality, 'Nationalität') }}
                                                </div>
                                                   <div class="help-block with-errors"></div>
                                             </div>
                                        </div>


                                         <div class="col-md-5 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                <div class="required">
                                                    {{ form_field_pho(traveler.birthDate, 'Geburtsdatum') }}
                                                </div>
                                                   <div class="help-block with-errors"></div>
                                             </div>
                                        </div>


                                        <div class="col-md-12 col-sm-12 col-xs-12">

                                            <div class="accordion-toggle-2" id="nationality_entry_{{ currentIndex }}" style="display:none;">
                                                <div class="panel-group" id="accordion_entry_{{ currentIndex }}">
                                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion_entry_{{ currentIndex }}" href="#collapse_entry_{{ currentIndex }}" aria-expanded="true">
                                                        <h3><span>Einreisebestimmungen</span><i class="indicator pull-right icon-plus"></i></h3>
                                                    </a>
                                                    <div id="collapse_entry_{{ currentIndex }}" class="panel-collapse collapse acc_nationality_panel" aria-expanded="true" style="">
                                                        <div class="panel-body">
                                                            {% for country in travel_program.countries %}
                                                                <h2>{{ country.name }}</h2>
                                                                {{ country.entryRequirements|raw|nl2br }}
                                                            {% endfor %}
                                                            <hr>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- accordion -->

                                             <div class="form-group" style="margin-bottom: 15px;">
                                                  <div class="checkbox">
                                                        {{ form_widget(traveler.acceptEntryRequirements) }}
                                                        <label for="{{ traveler.acceptEntryRequirements.vars.id }}" style="line-height: 1.2em;">
                                                        Ich habe die oben genannten Hinweise zu den "Einreisebestimmungen, Visabestimmungen und gesundheitspolizeilichen Vorschriften" für mich und alle Mitreisenden gelesen und zur Kenntnis genommen..
                                                        </label>
                                                        {{ form_errors(traveler.acceptEntryRequirements) }}
                                                        <div class="help-block with-errors"></div>
                                                    </div>
                                            </div>
                                        </div>

                                    </div> <!-- row -->

                                {% endfor %}
                            {% endfor %}

                                </div> <!-- st trav -->
                                <h2>Hinweis</h2>
                                <p>Sofern Sie nicht oder nicht ausschließlich nur die deutsche Staatsbürgerschaft besitzen, können Sie die Reise nicht buchen,
                                    da wir Sie vorher u.a. über die Einreisebestimmungen für Ihre individuelle Staatsbürgerschaft informieren müssen.
                                    Bitte nehmen Sie vor einer Buchung Kontakt mit uns auf, damit Sie nach Erhalt der Informationen entscheiden können, ob Sie die Reise buchen möchten.</p>
                            </div> <!-- col -->
                        </div>
                    </div><!-- end form-box -->


                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Unverbindliche Anmerkungen</h5>
                            </div>
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                {{ form_field(form.notes, 'Unverbindliche Anmerkungen', {
                                    'label_attr': {'class': 'sr-only'},
                                    'attr': {'rows': '6'}
                                }) }}
                            </div>
                        </div>
                    </div><!-- end form-box -->
                    


                  <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Formblatt zur Unterrichtung des Reisenden bei einer Pauschalreise nach § 651a des Bürgerlichen Gesetzbuchs.</h5>

                                <div class="well">
                                    <p>Bei der Ihnen angebotenen Kombination von Reiseleistungen handelt es sich um eine Pauschalreise im Sinne der Richtlinie (EU) 2015/2302.</p>

                                    <p>Daher können Sie alle EU-Rechte in Anspruch nehmen, die für Pauschalreisen gelten. STERN TOURS GmbH, Emser Str. 3, 10719 Berlin trägt die volle Verantwortung für die ordnungsgemäße Durchführung der gesamten Pauschalreise. Zudem verfügt STERN TOURS GmbH über die gesetzlich vorgeschriebene Absicherung für die Rückzahlung Ihrer Zahlungen und, falls der Transport in der Pauschalreise inbegriffen ist, zur Sicherstellung Ihrer Rückbeförderung im Fall seiner Insolvenz.</p>
                                    <a href="/uploads/{{ travel_program.organizer.fileFormPage }}" target="_blank">
                                        Weiterführende Informationen zu Ihren wichtigsten Rechten nach der Richtlinie (EU) 2015/2302 (Formblatt)
                                    </a>
                                </div>
                                 <div class="form-group">
                                     <div class="checkbox">
                                        {{ form_widget(form.acceptLegalRights) }}
                                        <label for="{{ form.acceptLegalRights.vars.id }}" style="line-height: 1.2em;">
                                            Hiermit bestätige ich, dass ich das Formblatt mit den Informationen zu meinen wichtigsten Rechten nach der Richtlinie (EU) 2015/2302 zur Kenntnis genommen habe.
                                        </label>
                                        {{ form_errors(form.acceptLegalRights) }}
                                         <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 


                    <!-- end form-box -->
                        <div class="form-box">
                            <div class="">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <h5>Reisebedingungen (ARB)</h5>
                                    <div class="form-group">
                                        <div class="checkbox">
                                            {{ form_widget(form.acceptTerms) }}
                                            <label for="{{ form.acceptTerms.vars.id }}" style="line-height: 1.2em;">
                                                Ich habe alle Daten und Angaben auf Richtigkeit überprüft. Ich habe die
                                                {% if travel_program.isMediated %}
                                                    <a href="/uploads/{{ travel_program.organizer.fileName }}?t={{ travel_program.organizer.rulesUpdatedTime }}" target="_blank">
                                                        Allgemeinen Geschäftsbedingungen des Reiseveranstalters
                                                    </a> {{ travel_program.organizer.name }}
                                                {% else %}
                                                    <a href="/uploads/{{ travel_program.organizer.formArb }}?t={{ travel_program.organizer.rulesUpdatedTime }}" target="_blank">
                                                        Allgemeinen Reisebedingungen des Reiseveranstalters
                                                    </a> {{ travel_program.organizer.name }}
                                                {% endif %}
                                                gelesen und akzeptiert. Zugleich erkenne ich diese für alle Reiseteilnehmer an.<br>
                                                Es gelten die der Staatsbürgerschaft der einzelnen Reiseteilnehmer entsprechenden Einreise- und Impfbestimmungen für das Ziel- und Transitland.
                                                Die für deutsche Staatsbürger geltenden Bestimmungen finden Sie auf den Seiten des <a href="https://www.auswaertiges-amt.de/de/ReiseUndSicherheit/reise-und-sicherheitshinweise" target="_blank">Auswärtigen Amts</a>
                                                Ein Widerrufsrecht steht Ihnen gemäß § 312 g Abs. 2 Nr. 9 BGB (Bürgerliches Gesetzbuch) nicht zu.
                                            </label>
                                            {{ form_errors(form.acceptTerms) }}
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>


                                </div>

                            </div>
                        </div><!-- end form-box -->


                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Bestätigung der persönlichen Daten und zahlungspflichtigen Buchung</h5>


                                <div class="form-group">
                                    <div class="checkbox">
                                        {{ form_widget(form.acceptPrivacy) }}
                                        <label for="{{ form.acceptPrivacy.vars.id }}" style="line-height: 1.2em;">Ich habe die <a href="/datenschutz" target="_blank">Datenschutzerklärung</a> zur Kenntnis genommen.
                                        </label>
                                        {{ form_errors(form.acceptPrivacy) }}
                                         <div class="help-block with-errors"></div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="checkbox">
                                        {{ form_widget(form.acceptProcessing) }}
                                        <label for="{{ form.acceptProcessing.vars.id }}" style="line-height: 1.2em;">Einwilligungserklärung: Hiermit willige ich in die Verarbeitung der von mir freiwillig
                                            angegebenen personenbezogenen Daten ein.
                                            Ich wurde darüber informiert, dass ich diese Einwilligung jederzeit ohne Nachteile per Mail an
                                            stern@sterntours.de widerrufen kann.

                                        </label>
                                        {{ form_errors(form.acceptProcessing) }}
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>




                            </div>

                        </div>
                    </div><!-- end form-box -->

                        <div class="form-box">
                            <div class="">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <h5>Wichtiger Hinweis</h5>
                                    Nach Abschluss Ihrer Buchung erhalten Sie innerhalb von 15 Minuten eine Email zur Bestätigung Ihres verbindlichen Buchungsauftrages.
                                    Sollten Sie diese Email nicht bekommen, kontaktieren Sie uns bitte per Email, oder per Telefon unter 030-70094100.
                                    Wir sind Montag bis Freitag von 9 bis 22 Uhr, Samstag von 10 bis 22 Uhr und Sonn- und Feiertage von 11 bis 22:00 Uhr für Sie da.

                                </div>
                            </div>
                        </div><!-- end form-box -->


                    <div class="form-box">
                        <div class="">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <h5>Zahlung</h5>
                                <div class="well">
                                    Die gewünschte Zahlungsart (Rechnung, Überweisung, Sofortüberweisung, Kreditkarten, Barzahlung) stimmen wir mit Ihnen im Anschluss an Ihre Buchung ab.
                                    <div class="booking_price_info">
                                        <table class="st-booking-table" id="st-booking-price-set-table">
                                            <tbody>
                                                <tr class="st-total-tr">
                                                    <td class="st-position-price-col">
                                                        <span class="st-total-price-set">0 €</span>
                                                    </td>
                                                    <td class="st-position-name-col">Gesamtpreis der Reise</td>
                                                </tr>

                                                <tr class="">
                                                    <td class="st-position-price-col">
                                                        <span class="st-deposit-price-set">0 €</span>
                                                    </td>
                                                    <td class="st-position-name-col">Anzahlung (ist sofort fällig)</td>
                                                </tr>
                                                <tr class="">
                                                    <td class="st-position-price-col">
                                                        <span class="st-final-price-set">0 €</span>
                                                    </td>
                                                    <td class="st-position-name-col">Restzahlung (bis zum 01.07.2018)</td>
                                                </tr>

                                            </tbody>
                                        </table>

                                    </div>

                                    {% if(travel_program.category.id != 1) %}
                                        <br>
                                        <h5>Hinweis</h5>
                                        <p>Abweichend von den Anzahlungsbedingungen Ziffer 2.1 gelten hier besondere Anzahlungsbedingungen wie folgt:
                                            Fluganteil 100 % und Landleistung 20%.
                                            Abweichend von den allgemeinen Stornobedingungen Ziffer 4.3a gelten hier besondere Stornobedingungen
                                            (Ziffer 4.3b) wie folgt: Fluganteil 100 % und Landleistung gemäß Ziffer 4.3a allgemeine Stornobedingungen.</p>
                                    {% endif %}


                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <button type="submit" value="SEND" id="submit"
                                class="aligncenter btn btn-primary btn-lg border-radius"
                        >
                            kostenpflichtig<br class="visible-xs"> buchen
                        </button>
                    </div>






                    {{ form_rest(form) }}
                </form>

            </div><!-- end contact-form -->

        </div>

    </section>
{% endblock body %}