{# Migrated from resources/views/components/dashcard-ubersicht.blade.php #}
{# Usage: {% include "components/dashcard_ubersicht.html" with DashcardData=card %} #}

{% with card=DashcardData %}
    {% comment %} {% for monat in monate %}
        {{ monat }} {% endcomment %}

{% with symbol_99="fa-thermometer-full" symbol_100="fa-thermometer-full" symbol_101="fa-thermometer-full" symbol_110="fa-tint" symbol_111="fa-tint" %}

<div class="col-xl-4 col-md-6 mb-4">
    <div class="card border-left-primary shadow h-100 py-2"
         style="border-left: 0.25rem solid {{ card.color }} !important;">
        <div class="card-body">
            <div class="row no-gutters align-items-center">
                <div class="col mr-2">
                    <div class="font-weight-bold text-primary mb-1"
                         style="color: {{ card.color }} !important;">
                        {{ card.Title }}<br>für Monat {{ card.MonatName }} {{ card.Jahr }}
                    </div>
                    <div class="h5 mb-0 font-weight-bold text-gray-800">
                        {{ card.Verbrauchswert }} {{ card.MassEinheit }}
                    </div>
                    Vormonat:
                    {% if not card.VerbrauchswertVM_nv %}
                        {{ card.VerbrauchswertVM }} {{ card.MassEinheit }}
                        ({{ card.AenderungZuVM }} %)
                    {% else %}
                        keine Daten
                    {% endif %}<br>
                    Vorjahr:
                    {% if not card.VerbrauchswertVJ_nv %}
                        {{ card.VerbrauchswertVJ }} {{ card.MassEinheit }}
                        ({{ card.AenderungZuVJ }} %)
                    {% else %}
                        keine Daten
                    {% endif %}
                </div>
                <div class="col-auto">
                    {% if card.VerbrauchsArtID == 110 or card.VerbrauchsArtID == 111 %}
                        <i class="fas fa-tint fa-2x" style="color:{{ card.color }}"></i>
                    {% else %}
                        <i class="fas fa-thermometer-full fa-2x" style="color:{{ card.color }}"></i>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

{% endwith %}
{% endwith %}
{% comment %} {% endwith %}
{% endwith %} {% endcomment %}