171 lines
No EOL
11 KiB
HTML
171 lines
No EOL
11 KiB
HTML
{% extends "frontend/base.html" %}
|
||
{% load i18n %}
|
||
{% load static %}
|
||
{% load mapimage %}
|
||
{% load dbsetting %}
|
||
{% load mathfilters %}
|
||
{% load datecalc %}
|
||
{% 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>
|
||
<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>
|
||
<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 zu JourneyJoker 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">
|
||
{% 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 %}
|
||
</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>
|
||
<input id="id_departure" data-mindate="{% days_from_date inquiry.arrival 1 %}" name="departure" type="text" class="form-control dpd1" required placeholder="{% trans "Abreise" %}" >
|
||
</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">
|
||
<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>. {% trans "Ich verstehe insbesondere, dass ich an dieses Angebot gebunden bin und dieses nach Annahme durch die anfragende Person nicht mehr zurückziehen kann." %}</label>
|
||
</div><!-- end checkbox -->
|
||
<div class="col-md-12 text-center" id="result_msg"></div>
|
||
<button type="submit" class="btn btn-orange" name="submit" id="submit">{% trans "Angebot erstellen" %}</button>
|
||
</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 %} |