{% 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 %}