{% extends "clients/base.html" %}
{% block "dashboardcontent" %}
<div class="col-12 col-md-10 col-lg-10 dashboard-content booking-trips">
    <h2 class="dash-content-title">Deine Buchungen</h2>
    <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 Anfragen</label>
            </div><!-- end custom-radio -->
                
            <div class="custom-radio">
                <input type="radio" id="radio02" name="radio" />
                <label for="radio02"><span></span>Fixiert</label>
            </div><!-- end custom-radio -->
            
            <div class="custom-radio">
                <input type="radio" id="radio03" name="radio" />
                <label for="radio03"><span></span>In Gebotsphase</label>
            </div><!-- end custom-radio -->
            
            <div class="custom-radio">
                <input type="radio" id="radio04" name="radio" />
                <label for="radio04"><span></span>Inaktiv</label>
            </div><!-- end custom-radio -->
        </div>
        
        <div class="table-responsive">
            <table class="table table-hover">
                <tbody>
                    {% for inquiry in object_list %}
                    <tr>
                        <td class="dash-list-icon booking-list-date"><div class="b-date"><h3>{{ inquiry.arrival.day }}</h3><p>{{ inquiry.arrival|date:"E Y" }}</p></div></td>
                        <td class="dash-list-text booking-list-detail">
                            <h3>{% if inquiry.accepted %}{{ inquiry.accepted.roomcategory.establishment.name }} ({{ inquiry.destination_name }}){% else %}{{ inquiry.destination_name }}{% endif %}</h3>
                            <ul class="list-unstyled booking-info">
                                <li><span>Ankunft:</span> {{ inquiry.arrival }}</li>
                                <li><span>{% if inquiry.accepted %}Abreise{% else %}Dauer{% endif %}:</span> {% if inquiry.accepted %}{{ inquiry.accepted.departure }}{% elif inquiry.min_nights == 0 %}Egal!{% elif inquiry.min_nights == 1 %}Kurztrip (2 – 3 Nächte){% elif inquiry.min_nights == 2 %}min. 3 Nächte{% endif %}</li>
                                <li><span>Preis:</span> € {{ inquiry.budget }}</li>
                                <li><span>Status:</span> {% if inquiry.accepted %}Fixiert{% elif inquiry.active %}In Gebotsphase ({{ inquiry.offer_set.all|length }} Gebote){% else %}Inaktiv{% endif %}</li>
                            </ul>
                            {% if inquiry.accepted %}
                            <a href="{% url "clients:booking_view" inquiry.uuid %}" class="btn btn-orange">Buchungsdetails</a>
                            {% elif inquiry.active %}
                            <a href="{% url "auction:offer_selection" inquiry.uuid %}" class="btn btn-orange">Gebote ansehen</a>
                            {% elif inquiry.expired %}
                            {% elif not inquiry.is_paid %}
                            <a href="{% url "auction:process_inquiry" inquiry.uuid %}" class="btn btn-orange">Zahlung abschließen</a>
                            {% endif %}
                        </td>
                        <td class="dash-list-btn"><button class="btn btn-orange">Stornieren</button><button class="btn">PDF-Bestätigung</button></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div><!-- end table-responsive -->
    </div><!-- end booking-listings -->
    
</div><!-- end columns -->
{% endblock %}