{% 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>4</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>12345</h3>
                <p>Euro</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>12</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>102</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>
                    <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 green">Bezahlt</li>
                                <li class="list-inline-item invoice-order"> Anfrage: #00214</li>
                                <li class="list-inline-item invoice-date"> Erstellt: 25.03.2021</li>
                            </ul>
                        </td>
                        <td class="dash-list-btn"><button class="btn btn-orange">Rechnung anzeigen</button></td>
                    </tr>
                </tbody>
            </table>
        </div><!-- end table-responsive -->
    </div><!-- end invoices -->
</div><!-- end columns -->
{% endblock %}