{% extends "include/_base.twig" %}

{% set title = "Einnahmen und Ausgaben der letzten 30 Tage" %}
{% set auth = true %}

{% block content %}
<div class="page-card m-h-20">
    <a href="/index.html">Startseite</a>&nbsp;|&nbsp;
    <a href="stats_overview.html">Auswertung</a>&nbsp;|&nbsp;
    {{title}}
</div>

<div class="teaser-box">

    <!-- Einnahmen der letzten 30 Tage -->
    <div class="box_50">
        <div class="page-card">
            <div class="card-page__border-left">&nbsp;</div>
            {% set inputs = 'sumTurnover'|stats( inputs=true, startDate=startDate, endDate=endDate) %}
            <h3 class="card-page__title">Einnahmen (Summe: {{ (inputs)|number_format(2, ',', '.') }} €)</h3>
            {% set buchungen = 'bookings'|stats(startDate=startDate, endDate=endDate, inputs=true) %}
            <table>
                <thead>
                <tr>
                    <th style="width: 100px;">Datum</th>
                    <th style="width: 150px;">Wert</th>
                    <th style="width: 50%;">Verwendungszweck</th>
                </tr>
                </thead>
                <tbody>
                {% for item in buchungen %}
                <tr>
                    <td data-label="Datum">{{ item.date|date("d.m.Y") }}</td>
                    <td data-label="Wert">{{ (item.value)|number_format(2, ',', '.') }} €</td>
                    <td data-label="Verwendung">{{ item.verwendung }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <!-- Ausgaben der letzten 30 Tage -->
    <div class="box_50">
        <div class="page-card">
            <div class="card-page__border-left">&nbsp;</div>
            {% set outputs = 'sumTurnover'|stats( inputs=false, startDate=startDate, endDate=endDate) %}
            <h3 class="card-page__title">Ausgaben (Summe: {{ (outputs)|number_format(2, ',', '.') }} €)</h3>
            {% set buchungen = 'bookings'|stats(startDate=startDate, endDate=endDate, inputs=false) %}
            <table>
                <thead>
                <tr>
                    <th style="width: 100px;">Datum</th>
                    <th style="width: 150px;">Wert</th>
                    <th style="width: 50%;">Verwendungszweck</th>
                </tr>
                </thead>
                <tbody>
                {% for item in buchungen %}
                <tr>
                    <td data-label="Datum">{{ item.date|date("d.m.Y") }}</td>
                    <td data-label="Wert">{{ (item.value)|number_format(2, ',', '.') }} €</td>
                    <td data-label="Verwendung">{{ item.verwendung }}</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

</div>
{% endblock %}