{% extends 'base.html.twig' %}

{% block canonical_tag %}{% endblock %}

{% block body %}

    <section class="clearfix">

        <div class="content-copy">

            <h1>Vielen Dank für Ihre Online-Buchung.</h1>
            <p>Ihre Mietbestätigung erhalten Sie nach Bearbeitung gesondert per E-Mail.</p>

            <div class="pull-right">
                <a href="/" class="btn btn-primary btn-sm"><< Zurück zur Startseite</a>
            </div>
            <div class="clearfix"></div>

            <h2 style="margin-top:10px">{{ page.fewoLodging.name }} {{ fewo_price.season.name }}</h2>


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

                <form class="st-booking-form" method="post">


                    <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>Ferienwohnung</td>
                                    <td>
                                        {{ page.fewoLodging.name }}
                                    </td>
                                </tr>
                                <tr>
                                    <td>Reisezeitraum</td>
                                    <td>{{ fewo_booking_request.fromDate|date }} - {{ fewo_booking_request.toDate|date }}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        {#TODO#}
                        <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/fewoSummary.html.twig' with {
                                        'fewo_booking_request' : fewo_booking_request,
                                        'fewo_lodging' : fewo_lodging,
                                        'fewo_price' : fewo_price,
                                        'total_price' : total_price,
                                        'total_price_per_night' : total_price_per_night,
                                        } %}
                                    </div>
                                </div>
                            </div>
                        </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="table-responsive" id="no-more-tables_first">
                                <table class="table first-table">
                                    <tbody>
                                    <tr>
                                        <td>Anrede</td>
                                        <td>
                                            {% if fewo_booking_request.salutation == 1 %}
                                                Herr
                                            {% elseif fewo_booking_request.salutation == 2 %}
                                                Frau
                                            {% endif %}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Vorname</td>
                                        <td>{{ fewo_booking_request.firstName }}</td>
                                    </tr>
                                    <tr>
                                        <td>Nachname</td>
                                        <td>{{ fewo_booking_request.lastName }}</td>
                                    </tr>
                                    <tr>
                                        <td>Straße, Hausnummer</td>
                                        <td>{{ fewo_booking_request.streetAddress }}</td>
                                    </tr>
                                    <tr>
                                        <td>PLZ</td>
                                        <td>{{ fewo_booking_request.zipCode }}</td>
                                    </tr>
                                    <tr>
                                        <td>Ort</td>
                                        <td>{{ fewo_booking_request.city }}</td>
                                    </tr>
                                    <tr>
                                        <td>Telefon tagsüber</td>
                                        <td>{{ fewo_booking_request.phone }}</td>
                                    </tr>
                                    <tr>
                                        <td>Handynummer (Bitte angeben)</td>
                                        <td>{{ fewo_booking_request.mobile }}</td>
                                    </tr>
                                    <tr>
                                        <td>E-Mail-Adresse</td>
                                        <td>{{ fewo_booking_request.email }}</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Anzahl Reiseteilnehmer
                                        </td>
                                        <td>
                                            Erwachsene: {{ fewo_booking_request.travelerCountAdult }}<br>
                                            Kinder: {{ fewo_booking_request.travelerCountChild }}<br>
                                            Gesamt: {{ fewo_booking_request.travelerCount }}
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </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">
                                <p>{{ fewo_booking_request.notes }}</p>
                            </div>
                        </div>
                    </div><!-- end form-box -->


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

            <div class="pull-right">
                <a href="/" class="btn btn-primary btn-sm"><< Zurück zur Startseite</a>
            </div>

        </div>

    </section>

{% endblock %}