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

{% set title = "Einnahmen und Ausgaben seit 01.01.2022" %}
{% 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">

    <div class="box_50">
        <div class="page-card">
            <div class="card-page__border-left">&nbsp;</div>
            <h3 class="card-page__title">Top 50 Einnahmen</h3>
            {% set values = 'einnahmen_verwendungszweck_all'|stats() %}
            <table>
                <thead>
                <tr>
                    <th style="width: 200px;">Name</th>
                    <th>Value</th>
                </tr>
                </thead>
                <tbody>
                {% for item in values %}
                <tr>
                    <td>{{item.name}}</td>
                    <td>{{ (item.summe)|number_format(2, ',', '.') }} €</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div class="box_50">
        <div class="page-card">
            <div class="card-page__border-left">&nbsp;</div>
            <h3 class="card-page__title">Top 50 Ausgaben</h3>
            {% set values = 'ausgaben_verwendungszweck_all'|stats() %}
            <table>
                <thead>
                <tr>
                    <th style="width: 200px;">Name</th>
                    <th>Value</th>
                </tr>
                </thead>
                <tbody>
                {% for item in values %}
                <tr>
                    <td>{{item.name}}</td>
                    <td>{{ (item.summe)|number_format(2, ',', '.') }} €</td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

</div>
{% endblock %}