JourneyJoker/templates/partners/roomcategory_list.html

75 lines
No EOL
3.8 KiB
HTML

{% extends "partners/base.html" %}
{% load i18n %}
{% load bootstrap4 %}
{% block "dashboardcontent" %}
<div class="col-12 col-md-10 col-lg-10 dashboard-content booking-trips">
<h2 class="dash-content-title">Deine Zimmerkategorien</h2>
<div class="dash-content-title"><small>für {{ establishment.name }}</small></div>
<div class="dash-content-title"><button class="btn" data-toggle="modal" data-target="#create-category">Kategorie hinzufügen</button></div>
<div class="dashboard-listing booking-listing">
<div class="dash-listing-heading">
<div class="custom-radio">
<input type="radio" id="radio01" name="radio" checked/>
<label for="radio01"><span></span>Alle Kategorien</label>
</div><!-- end custom-radio -->
<div class="custom-radio">
<input type="radio" id="radio02" name="radio" />
<label for="radio02"><span></span>Aktiv</label>
</div><!-- end custom-radio -->
<div class="custom-radio">
<input type="radio" id="radio03" name="radio" />
<label for="radio03"><span></span>Inaktiv</label>
</div><!-- end custom-radio -->
</div>
<div class="table-responsive">
<table class="table table-hover">
<tbody>
{% for roomcategory in object_list %}
<tr>
<td class="dash-list-text booking-list-detail">
<h3>{{ roomcategory.name }}</h3>
<ul class="list-unstyled booking-info">
<li><span>Durchschnittspreis:</span> {{ roomcategory.average_price }}</li>
<li><span>Buchungen:</span> {{ roomcategory.bookings | length }}</li>
<li><span>Status:</span> {% if roomcategory.active %}aktiv{% else %}inaktiv{% endif %}</li>
</ul>
<a href="{% url "partners:roomcategories" establishment.id %}" class="btn btn-orange">Zimmer und Ausstattung bearbeiten</a>
<a href="{% url "partners:roomcategory_gallery" establishment.id roomcategory.id %}" class="btn btn-orange">Bilder bearbeiten</a>
</td>
<td class="dash-list-btn"><a href="{% url "auction:bidding" establishment.id %}" class="btn btn-orange">Bieten</a><button class="btn">Deaktivieren</button></td>
</tr>
{% endfor %}
</tbody>
</table>
</div><!-- end table-responsive -->
</div><!-- end booking-listings -->
</div><!-- end columns -->
{% endblock %}
{% block "modal" %}
<div id="create-category" class="modal custom-modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Zimmerkategorie erstellen</h3>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div><!-- end modal-header -->
<div class="modal-body">
<div class="alert alert-warning alert-dismissible text-center" role="alert">
Achtung: Soweit möglich empfehlen wir die Verwendung der vordefinierten Zimmerkategorien! Dies dient der Übersichtlichkeit für die Kund*innen und damit auch Ihnen!
</div>
<form method="POST">
{% csrf_token %}
{% bootstrap_form form %}
<button class="btn btn-orange btn-block">Anwenden</button>
</form>
</div><!-- end modal-bpdy -->
</div><!-- end modal-content -->
</div><!-- end modal-dialog -->
</div><!-- end edit-profile -->
{% endblock %}