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

{% set title = "Einnahmen- und Ausgabenübersicht der letzten 24 Monate" %}
{% 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="page-card">
    <div class="card-page__border-left">&nbsp;</div>
    <h3 class="card-page__title">Einnahmen- und Ausgabenübersicht der letzten 24 Monate</h3>
    {% set values = 'inputOutput'|stats() %}
    <table>
        <thead>
        <tr>
            <th style="width: 100px">Monat</th>
            <th style="width: 250px;">Einnahmen</th>
            <th style="width: 250px;">Ausgaben</th>
            <th style="width: 250px;">Gewinn / Verlust</th>
            <th style="width: 100px;">angespart</th>
        </tr>
        </thead>
        <tbody>
        {% for item in values %}
        <tr>
            <td data-label="">{{ item.month }}</td>
            <td data-label="">{{ (item.inputs)|number_format(2, ',', '.') }} €</td>
            <td data-label="">{{ (item.outputs)|number_format(2, ',', '.') }} €</td>
            <td data-label="">{{ (item.surplus)|number_format(2, ',', '.') }} €</td>
            <td data-label="">{{ (item.gespart)|number_format(2, ',', '.') }} €</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}