{% extends 'base.html.twig' %}

{% block title %}Kontoauszug{% endblock %}

{% block body %}
    <h2>Kontoauszug</h2><hr /><br />

    <div style="float:left; width: auto;">
    </div>
    <div style="float:right; font-size: 1.4em; border: 1px solid black; padding: 10px; margin: 10px; background: #EEEEEE;">
    Kontostand: {{ kontostand | number_format(2,",") }} EUR
    </div>

    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>Datum</th>
                <th>Sender oder Empfänger</th>
                <th>Verwendungszweck</th>
                <th>Wert</th>
            </tr>
        </thead>
        <tbody>
        {% for kontobuchung in kontobuchungs %}
            {% if kontobuchung.value > 0 %}
            <tr>
                <td>{{ kontobuchung.datum | date("d.m.Y")}}</td>
                <td>{{ kontobuchung.sender }}</td>
                <td>{{ kontobuchung.verwendungszweck }}</td>
                <td>{{ kontobuchung.value | number_format(2,",")}} EUR</td>
            </tr>
            {% else %}
            <tr>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.datum | date("d.m.Y")}}</td>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.sender }}</td>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.verwendungszweck }}</td>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.value | number_format(2,",")}} EUR</td>
            </tr>
            {% endif %}
        {% else %}
            <tr>
                <td colspan="5">keine Daten gefunden</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}