JourneyJoker/templates/clients/dashboard.html

102 lines
No EOL
4.9 KiB
HTML

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