{% extends "base/base.html" %}
{# Migrated from resources/views/mietve/ubersicht.blade.php #}

{% block content %}

<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
      <h1 class="h3 mb-0 text-gray-800">
       Verbrauchsübersicht zu <b>{{ reu.REID.City }}, {{ reu.REID.Street }} {{ reu.REID.HouseNumber }}, {{ reu.REUDesc }}</b>
– für Nutzer <b>{{ nutzer.fullName }}</b> </h1>
</div>

<!-- Content Row -->
<div class="row">

    <!-- Dashboard Cards for usage -->
    <div class="row">
        {% if UsageDashCardsData %}
            {% for card in UsageDashCardsData %}
                {% include "components/dashcard_ubersicht.html" with DashcardData=card %}
            {% endfor %}
        {% else %}
            <div class="col-xl-12">
                <div class="card shadow mb-4">
                    <div class="card-body">
                        <p class="text-muted">Keine Verbrauchsdaten verfügbar.</p>
                    </div>
                </div>
            </div>
        {% endif %}

        <!-- Welcome card -->
        <div class="col-xl-12">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">
                        Guten Tag{{ UserAnredeAlsBriefkopf }}.
                    </h6>
                </div>
                <div class="card-body">
                    <p></p>
                    <p>Herzlich willkommen im Verbrauchsportal von Xandas!</p>
                    <p class="mb-0">
                        Hier können Sie die Verbrauchsinformationen einsehen, die durch unsere Messeinrichtungen
                        ermittelt wurden. Bei Fragen wenden Sie sich bitte gerne an uns zu den regulären
                        Öffnungszeiten (Mo-Fr 8:30 h bis 17:30 h).
                    </p>
                    <br>
                    <p class="mb-0">Freundliche Grüße</p><br>
                    <p class="mb-0">Ihr Xandas Team</p>
                </div>
            </div>
        </div>

    </div>
</div>

{% endblock %}