2021-04-19 10:51:50 +00:00
{% extends "frontend/base.html" %}
{% load i18n %}
{% load static %}
{% load mapimage %}
{% load dbsetting %}
2021-04-20 06:36:59 +00:00
{% load mathfilters %}
2021-05-31 06:08:11 +00:00
{% load datecalc %}
2021-04-19 10:51:50 +00:00
{% block "content" %}
<!-- ================== PAGE - COVER ================ -->
< section class = "page-cover" id = "cover-hotel-booking" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-12" >
< h1 class = "page-title" > {% trans "Angebot erstellen" %}< / h1 >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end container -->
< / section > <!-- end page - cover -->
<!-- ===== INNERPAGE - WRAPPER ==== -->
< section class = "innerpage-wrapper" >
< div id = "flight-booking" class = "innerpage-section-padding" >
< div class = "container" >
{% if messages %}
{% for message in messages %}
< div class = "alert alert-{{ message.tags }} alert-dismissible text-center" role = "alert" >
< button type = "button" class = "close" data-dismiss = "alert" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
{{ message }}
< / div >
{% endfor %}
{% endif %}
< div class = "row" >
< div class = "col-12 col-md-12 col-lg-5 col-xl-4 side-bar left-side-bar" >
< div class = "row" >
< div class = "col-12 col-md-6 col-lg-12" >
< div class = "side-bar-block detail-block style2 text-center" >
< div class = "detail-img text-center" >
< img src = "{% mapimage inquiry.destination_coords %}" class = "img-fluid" alt = "detail-img" / >
< div class = "detail-title" >
< h4 > < a href = "#" > {{ inquiry.destination_name }}< / a > < / h4 >
< p > < / p >
< / div > <!-- end detail - title -->
< span class = "detail-price" > < h4 > € {{ inquiry.budget }} < span > < / h4 > < / span >
< / div > <!-- end detail - img -->
< div class = "table-responsive" >
< table class = "table" >
< tbody >
< tr >
< td > {% trans "Anreisedatum" %}< / td >
< td > {{ inquiry.arrival|date:"SHORT_DATE_FORMAT" }}< / td >
< / tr >
2021-04-20 06:36:59 +00:00
< tr >
< td > {% trans "Aufenthaltsdauer" %}< / td >
< td > {% if inquiry.min_nights == 0 %}Egal!{% elif inquiry.min_nights == 1 %}Kurztrip (2 – 3 Nächte){% else %}min. 3 Nächte{% endif %}< / td >
< / tr >
2021-04-19 10:51:50 +00:00
< tr >
< td > {% trans "Erwachsene" %}< / td >
< td > {{ inquiry.adults }}< / td >
< / tr >
< tr >
< td > {% trans "Kinder" %}< / td >
< td > {{ inquiry.children }}< / td >
< / tr >
< tr >
< td > {% trans "Gebotener Betrag" %}< / td >
< td > € {{ inquiry.budget }}< / td >
< / tr >
< / tbody >
< / table >
< / div > <!-- end table - responsive -->
< / div > <!-- end side - bar - block -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-6 col-lg-12" >
< div class = "side-bar-block support-block" >
< h3 > {% trans "Hilfe benötigt?" %}< / h3 >
< p > {% trans "Bei Fragen zur Urlaubsauktion stehen wir Ihnen gerne telefonisch zur Verfügung." %}< / p >
< div class = "support-contact" >
< span > < i class = "fa fa-phone" > < / i > < / span >
< p > +43 800 093004< / p >
< / div > <!-- end support - contact -->
< br / > < p > < small > < a href = "https://www.openstreetmap.org/copyright" > Base map and data from OpenStreetMap and OpenStreetMap Foundation< / a > < / small > < / p >
< / div > <!-- end side - bar - block -->
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end columns -->
< div class = "col-12 col-md-12 col-lg-7 col-xl-8 content-side" >
< form class = "lg-booking-form" id = "frm_booking" name = "frm_booking" method = "post" % } " >
{% csrf_token %}
< div class = "lg-booking-form-heading" >
< span > 1< / span >
< h3 > {% trans "Grunddaten" %}< / h3 >
< / div > <!-- end lg - bform - heading -->
< div class = "personal-info" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "form-group" >
< label > {% trans "Unterkunft" %}< / label >
< select class = "form-control" id = "id_establishment" name = "establishment" disabled " >
< option > {{ establishment.name }}< / option >
< / select >
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< div class = "row" >
< div class = "col-md-12" >
< div class = "form-group" >
< label > {% trans "Zimmerkategorie" %}< / label >
< select class = "form-control" id = "id_roomcategory" name = "roomcategory" >
2021-04-20 06:36:59 +00:00
{% for roomcategory in establishment.roomcategory_set.all %}
< option value = "{{ roomcategory.id }}" > {{ roomcategory.name }} (€ {{ roomcategory.average_price }}/Nacht – {{ inquiry.budget|intdiv:roomcategory.average_price }} Nächte)< / option >
{% endfor %}
2021-04-19 10:51:50 +00:00
< / select >
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< div class = "row" >
< div class = "col-md-12" >
< div class = "form-group left-icon" >
< label > {% trans "Abreise" %}< / label >
< i class = "fa fa-calendar" > < / i >
2021-05-31 06:08:11 +00:00
< input id = "id_departure" data-mindate = "{% days_from_date inquiry.arrival 1 %}" name = "departure" type = "text" class = "form-control dpd1" required placeholder = "{% trans " Abreise " % } " >
2021-04-19 10:51:50 +00:00
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end personal - info -->
< div class = "lg-booking-form-heading" >
< span > 2< / span >
< h3 > {% trans "Personalisierung" %}< / h3 >
< / div > <!-- end lg - bform - heading -->
< div class = "row" >
< div class = "col-md-12" >
< div class = "form-group" >
< label > {% trans "Zusätzliche Informationen (max. 300 Zeichen)" %}< / label >
< textarea class = "form-control" id = "id_comment" maxlength = "300" name = "comment" > < / textarea >
< / div >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< div class = "checkbox" >
2021-04-20 06:36:59 +00:00
< label > < input type = "checkbox" required id = "id_terms" name = "terms" > {% trans "Ich erkläre mich einverstanden mit den" %} < a href = "#" > {% trans "Allgemeinen Geschäftsbedingungen" %}< / a > {% trans "und der" %} < a href = "#" > {% trans "Datenschutzerklärung" %}< / a > . Ich verstehe insbesondere, dass ich an dieses Angebot gebunden bin und dieses nach Annahme durch die anfragende Person nicht mehr zurückziehen kann.< / label >
2021-04-19 10:51:50 +00:00
< / div > <!-- end checkbox -->
< div class = "col-md-12 text-center" id = "result_msg" > < / div >
2021-04-20 06:36:59 +00:00
< button type = "submit" class = "btn btn-orange" name = "submit" id = "submit" > {% trans "Angebot erstellen" %}< / button >
2021-04-19 10:51:50 +00:00
< / form >
< / div > <!-- end columns -->
< / div > <!-- end row -->
< / div > <!-- end container -->
< / div > <!-- end flight - booking -->
< / section > <!-- end innerpage - wrapper -->
{% endblock %}
{% block "scripts" %}
< script src = "{% static " auction / js / custom-paymentmethod . js " % } " > < / script >
{% endblock %}