{% extends get_base_template() %}
{% form_theme contact_form 'default/form/theme.html.twig' %}

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

        <h1>Individuelle Reiseplanung</h1>

        <p>
            Sie haben noch nicht die richtige Reise gefunden? Oder planen Sie einen ganz besonderen Urlaub, den Sie im
            Katalog nicht finden? Dann teilen Sie uns doch alle relevanten Informationen für Ihre Wunsch-Reise mit. Wir
            werden uns dann umgehend bei Ihnen melden. Ihre Daten (Name, Telefonnummer etc.) werden ausschließlich zur
            Bearbeitung Ihrer Anfrage verwendet und nicht an Dritte weitergegeben.
        </p>

        <div id="contact_form" class="contact_form">

            <form id="contactform" action="/kontakt" name="contactform" method="post" data-toggle="validator">

                <div class="form-box">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h2>Reisedaten</h2>
                    </div>

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

                    <div class="col-md-12 col-sm-12 col-xs-12">{{ form_field_pho(contact_form.departure0, 'Abflughafen 1. Wahl') }}</div>
                    <div class="col-md-12 col-sm-12 col-xs-12">{{ form_field_pho(contact_form.departure1, 'Abflughafen 2. Wahl') }}</div>
                    <div class="col-md-12 col-sm-12 col-xs-12">{{ form_field_pho(contact_form.departure2, 'Abflughafen 3. Wahl') }}</div>

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

                    <div class="form-group col-md-6 col-sm-6 col-xs-12">{{ form_field_pho(contact_form.start, 'Anreise') }}</div>
                    <div class="form-group col-md-6 col-sm-6 col-xs-12">{{ form_field_pho(contact_form.end, 'Abreise') }}</div>
                    <div class="col-md-12 col-sm-12 col-xs-12">{{ form_field_pho(contact_form.duration, 'Reisedauer in Tagen') }}</div>
                </div><!-- end form-box -->

                <div class="form-box">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <h2>Persönliche Daten</h2>
                    </div>

                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                            {{ form_field_pho(contact_form.salutation) }}
                    </div>
                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                        <div class="">
                            {{ form_field_pho(contact_form.firstName, 'Vorname') }}
                        </div>
                          <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group  col-md-6 col-sm-6 col-xs-12">
                        <div class="required">
                            {{ form_field_pho(contact_form.lastName, 'Nachname') }}
                        </div>
                          <div class="help-block with-errors"></div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">{{ form_field_pho(contact_form.streetAddress, 'Straße, Hausnummer') }}</div>
                    <div class="col-md-6 col-sm-6 col-xs-12">{{ form_field_pho(contact_form.zipCode, 'Postleitzahl') }}</div>
                    <div class="col-md-6 col-sm-6 col-xs-12">{{ form_field_pho(contact_form.city, 'Ort') }}</div>
                    <div class="form-group col-md-12 col-sm-12 col-xs-12">{{ form_field_pho(contact_form.nation) }}</div>
                    <div class="form-group  col-md-6 col-sm-6 col-xs-12">
                            {{ form_field_pho(contact_form.phone, 'Telefon tagsüber') }}
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">{{ form_field_pho(contact_form.mobilePhone, 'Telefon mobil') }}</div>
                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                            {{ form_field_pho(contact_form.email, 'E-Mail-Adresse') }}
                    </div>
                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                            {{ form_field_pho(contact_form.travelerCount) }}
                    </div>

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        {{ form_field_pho(contact_form.notes, 'Bitte Reiseland und Programmwunsch angeben', {attr: {rows: 8}}) }}
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group">
                        <div class="checkbox">
                            {{ form_widget(contact_form.acceptPrivacy) }}
                            <label for="{{ contact_form.acceptPrivacy.vars.id }}">
                               Hiermit willige ich in die im Rahmen der 
                               <a href="/datenschutz" target="_blank">
                                    Datenschutzerklärung
                                </a> genannte Datenverarbeitung ein.
                            </label>
                            {{ form_errors(contact_form.acceptPrivacy) }}
                             <div class="help-block with-errors"></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">Anfrage absenden</button>
                    </div>
                </div><!-- end form-box -->

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

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


    </section>
{% endblock body %}