Cruise tab on booking page, closing #26 for now
This commit is contained in:
parent
b17cc22c15
commit
fb1bf1f289
1 changed files with 92 additions and 2 deletions
|
@ -46,11 +46,14 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<ul class="nav nav-tabs justify-content-center">
|
<ul class="nav nav-tabs justify-content-center">
|
||||||
<li class="nav-item active"><div style="background-color: white;" class="nav-link" onclick="return false;" href="#"><span><i class="fa fa-building"></i></span><span class="d-md-inline-flex d-none st-text">Angebote einholen</span></div></li>
|
<ul class="nav nav-tabs justify-content-center">
|
||||||
|
<li class="nav-item active"><a class="nav-link" href="#hotels" data-toggle="tab"><span><i class="fa fa-building"></i></span><span class="d-md-inline-flex d-none st-text">Hotels</span></a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link" href="#cruise" data-toggle="tab"><span><i class="fa fa-ship"></i></span><span class="d-md-inline-flex d-none st-text">Kreuzfahrten</span></a></li>
|
||||||
|
</ul>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
|
|
||||||
<div id="flights" class="tab-pane in active">
|
<div id="hotels" class="tab-pane in active">
|
||||||
<form method="POST" action="{% url "auction:create_inquiry" %}">
|
<form method="POST" action="{% url "auction:create_inquiry" %}">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -137,6 +140,93 @@
|
||||||
</form>
|
</form>
|
||||||
</div><!-- end flights -->
|
</div><!-- end flights -->
|
||||||
|
|
||||||
|
<div id="cruise" class="tab-pane in">
|
||||||
|
<form method="POST" action="{% url "auction:create_inquiry" %}">
|
||||||
|
{% csrf_token %}
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-12 col-md-12 col-lg-5 col-xl-4">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-6">
|
||||||
|
<div class="form-group left-icon">
|
||||||
|
<input id="id_destination_name" name="destination_name" disabled value="Kreuzfahrt!" type="text" class="form-control" required placeholder="{% trans "Zielort" %}" >
|
||||||
|
<i class="fa fa-map-marker"></i>
|
||||||
|
</div>
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6 col-lg-6">
|
||||||
|
<div class="form-group left-icon">
|
||||||
|
<input id="id_budget" name="budget" type="number" step="1" class="form-control" required placeholder="{% trans "Budget" %}" >
|
||||||
|
<i class="fa fa-euro-sign"></i>
|
||||||
|
</div>
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
</div><!-- end row -->
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
<div class="col-12 col-md-12 col-lg-5 col-xl-4">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-6 col-md-6 col-lg-6">
|
||||||
|
<div class="form-group left-icon">
|
||||||
|
<input id="id_arrival" data-mindate="{% hours_from_now 24 %}" name="arrival" type="text" class="form-control dpd1" required placeholder="{% trans "Anreise" %}" >
|
||||||
|
<i class="fa fa-calendar"></i>
|
||||||
|
</div>
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
<div class="col-6 col-md-6 col-lg-6">
|
||||||
|
<div class="form-group right-icon">
|
||||||
|
<select id="id_min_nights" name="min_nights" class="form-control">
|
||||||
|
<option value="0">Dauer Egal!</option>
|
||||||
|
<option value="1">Kurztrip (2 – 3 Nächte)</option>
|
||||||
|
<option value="2">mehr als 3 Nächte</option>
|
||||||
|
</select>
|
||||||
|
<i class="fa fa-clock"></i>
|
||||||
|
</div>
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
</div><!-- end row -->
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
<div class="col-12 col-md-12 col-lg-2 col-xl-2">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6 col-md-6 col-lg-6">
|
||||||
|
<div class="form-group right-icon">
|
||||||
|
<select id="id_adults" name="adults" class="form-control">
|
||||||
|
<option value="1">1 Erwachsene*r</option>
|
||||||
|
<option value="2">2 Erwachsene</option>
|
||||||
|
<option value="3">3 Erwachsene</option>
|
||||||
|
<option value="4">4 Erwachsene</option>
|
||||||
|
<option value="5">5 Erwachsene</option>
|
||||||
|
</select>
|
||||||
|
<i class="fa fa-users"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-6 col-lg-6">
|
||||||
|
<div class="form-group right-icon">
|
||||||
|
<select id="id_children" name="children" class="form-control">
|
||||||
|
<option value="0">0 Kinder</option>
|
||||||
|
<option value="1">1 Kind</option>
|
||||||
|
<option value="2">2 Kinder</option>
|
||||||
|
<option value="3">3 Kinder</option>
|
||||||
|
<option value="4">4 Kinder</option>
|
||||||
|
<option value="5">5 Kinder</option>
|
||||||
|
</select>
|
||||||
|
<i class="fa fa-child"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
<div class="col-12 col-md-12 col-lg-12 col-xl-2 search-btn">
|
||||||
|
<button class="btn btn-orange">{% trans "Los!" %}</button>
|
||||||
|
</div><!-- end columns -->
|
||||||
|
|
||||||
|
</div><!-- end row -->
|
||||||
|
</form>
|
||||||
|
</div><!-- end flights -->
|
||||||
|
|
||||||
</div><!-- end tab-content -->
|
</div><!-- end tab-content -->
|
||||||
|
|
||||||
</div><!-- end columns -->
|
</div><!-- end columns -->
|
||||||
|
|
Loading…
Reference in a new issue