{% 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 Angebote</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 Angebote</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 offer in object_list %}
                    <tr>
                        <td class="dash-list-icon booking-list-date"><div class="b-date"><h3>{{ offer.inquiry.arrival.day }}</h3><p>{{ offer.inquiry.arrival|date:"E Y" }}</p></div></td>
                        <td class="dash-list-text booking-list-detail">
                            <h3>{% if offer.accepted %}Buchung{% else %}Angebot{% endif %}: {{ offer.roomcategory.establishment.name }} ({{ offer.roomcategory.name }})</h3>
                            <ul class="list-unstyled booking-info">
                                <li><span>Ankunft:</span> {{ offer.inquiry.arrival }}</li>
                                <li><span>Abreise:</span> {{ offer.departure }}</li>
                                <li><span>Preis:</span> € {{ offer.inquiry.budget }}</li>
                                <li><span>Status:</span> {% if offer.accepted %}Fixiert{% elif offer.inquiry.active and not offer.inquiry.accepted %}In Gebotsphase{% else %}Inaktiv{% endif %}</li>
                            </ul>
                            {% if offer.accepted %}
                            <button class="btn btn-orange">Buchungsdetails</button>
                            {% 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 %}