{% extends "clients/base.html" %}
{% block "dashboardcontent" %}
<div class="col-12 col-md-10 col-lg-10 dashboard-content">
    <h2 class="dash-content-title">Deine Statistik</h2>
    <div class="row info-stat">
    
        <div class="col-md-6 col-lg-3">
            <div class="stat-block">
                <span><i class="fa fa-heart"></i></span>
                <h3>0</h3>
                <p>Bewertungen</p>
            </div><!-- end stat-block -->
        </div><!-- end columns -->
        
        <div class="col-md-6 col-lg-3">
            <div class="stat-block">
                <span><i class="fa fa-euro-sign"></i></span>
                <h3>{{ object.balance | floatformat:2 }}</h3>
                <p>Euro Guthaben</p>
            </div><!-- end stat-block -->
        </div><!-- end columns -->
        
        <div class="col-md-6 col-lg-3">
            <div class="stat-block">
                <span><i class="fa fa-building"></i></span>
                <h3>1</h3>
                <p>Städte</p>
            </div><!-- end stat-block -->
        </div><!-- end columns -->
        
        <div class="col-md-6 col-lg-3">
            <div class="stat-block">
                <span><i class="fa fa-paper-plane"></i></span>
                <h3>3</h3>
                <p>Reisen</p>
            </div><!-- end stat-block -->
        </div><!-- end columns -->
        
    </div><!-- end row -->
    
    <div class="dashboard-listing recent-activity">
        <h3 class="dash-listing-heading">Letzte Aktivitäten</h3>
        <div class="table-responsive">
            <table class="table table-hover">
                <tbody>
                    <tr>
                        <td class="dash-list-icon recent-ac-icon"><i class="fa fa-heart"></i></td>
                        <td class="dash-list-text recent-ac-text">Deine Bewertung für <span>Habbo Hotel</span> wurde freigeschaltet!</td>
                        <td class="dash-list-btn del-field"><button class="btn">X</button></td>
                    </tr>
                    
                    <tr>
                        <td class="dash-list-icon recent-ac-icon"><i class="fa fa-building"></i></td>
                        <td class="dash-list-text recent-ac-text">Wie war dein Aufenthalt bei <span>Habbo Hotel</span>? Gib eine Bewertung ab!</td>
                        <td class="dash-list-btn del-field"><button class="btn">X</button></td>
                    </tr>
                    
                    <tr>
                        <td class="dash-list-icon recent-ac-icon"><i class="fa fa-bookmark"></i></td>
                        <td class="dash-list-text recent-ac-text">Deine Buchung war erfolgreich! Mehr Details zu deinem Aufenthalt bei <span>Habbo Hotel</span>!</td>
                        <td class="dash-list-btn del-field"><button class="btn">X</button></td>
                    </tr>
                    
                    <tr>
                        <td class="dash-list-icon recent-ac-icon"><i class="fa fa-question"></i></td>
                        <td class="dash-list-text recent-ac-text">Du hast Angebote zu deiner Reiseanfrage erhalten! <span>Jetzt ansehen?</span></td>
                        <td class="dash-list-btn del-field"><button class="btn">X</button></td>
                    </tr>
                    
                    <tr>
                        <td class="dash-list-icon recent-ac-icon"><i class="fa fa-check"></i></td>
                        <td class="dash-list-text recent-ac-text">Deine Reiseanfrage wurde freigeschaltet! Bald wirst du erste Angebote erhalten!</td>
                        <td class="dash-list-btn del-field"><button class="btn">X</button></td>
                    </tr>
                </tbody>
            </table>
        </div><!-- end table-responsive -->
    </div><!-- end recent-activity -->
    
    <div class="dashboard-listing invoices">
        <h3 class="dash-listing-heading">Rechnungen</h3>
        <div class="table-responsive">
            <table class="table table-hover">
                <tbody>
                    {% for invoice in object.user.invoice_set.all %}
                    {% if invoice.inquiry %}
                    <tr>
                        <td class="dash-list-icon invoice-icon"><i class="fa fa-bars"></i></td>
                        <td class="dash-list-text invoice-text">
                            <h4 class="invoice-title">Reiseanfrage</h4>
                            <ul class="list-unstyled list-inline invoice-info">
                                <li class="list-inline-item invoice-status {% if invoice.is_paid %}green{% else %}red{% endif %}">{% if invoice.is_paid %}Bezahlt{% else %}Unbezahlt{% endif %}</li>
                                <li class="list-inline-item invoice-order"> Anfrage: #{{ invoice.inquiry.id }}</li>
                                <li class="list-inline-item invoice-date"> Erstellt: {{ invoice.created|date:"d.m.Y" }}</li>
                            </ul>
                        </td>
                        <td class="dash-list-btn"><a href="{{ invoice.invoice.url }}" class="btn btn-orange">Rechnung anzeigen</a></td>
                    </tr>
                    {% endif %}
                    {% endfor %}
                </tbody>
            </table>
        </div><!-- end table-responsive -->
    </div><!-- end invoices -->
</div><!-- end columns -->
{% endblock %}