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

    <div class="kontostand">
    {{ "now"|date("d.m.Y") }} | Kontostand: {{ kontostand | number_format(2,",") }} EUR <hr /><br />
    </div>
    
    <table style="border: 1px solid black; padding: 5px;; border-collapse: collapse; font-size: 0.8em;">
        <thead>
            <tr>
                <th style="border: 1px solid black; padding: 5px;">Datum</th>
                <th style="border: 1px solid black; padding: 5px;">Sender oder Empfänger</th>
                <th style="border: 1px solid black; padding: 5px;">Verwendungszweck</th>
                <th style="border: 1px solid black; padding: 5px;">Wert</th>
            </tr>
        </thead>
        <tbody>
        {% for kontobuchung in kontobuchungs %}
            <tr>
                {% if kontobuchung.value > 0 %}
                    <td style="border: 1px solid black; padding: 5px;">{{ kontobuchung.datum | date("d.m.Y")}}</td>
                    <td style="border: 1px solid black; padding: 5px;">{{ kontobuchung.sender }}</td>
                    <td style="border: 1px solid black; padding: 5px;">{{ kontobuchung.verwendungszweck }}</td>
                    <td style="border: 1px solid black; padding: 5px; white-space: nowrap">{{ kontobuchung.value | number_format(2,",")}} €</td>
                {% else %}
                    <td style="border: 1px solid black; padding: 5px; background: #FF0000; color: #FFFFFF;">{{ kontobuchung.datum | date("d.m.Y")}}</td>
                    <td style="border: 1px solid black; padding: 5px; background: #FF0000; color: #FFFFFF;">{{ kontobuchung.sender }}</td>
                    <td style="border: 1px solid black; padding: 5px; background: #FF0000; color: #FFFFFF;">{{ kontobuchung.verwendungszweck }}</td>
                    <td style="border: 1px solid black; padding: 5px; white-space: nowrap; background: #FF0000; color: #FFFFFF;">{{ kontobuchung.value | number_format(2,",")}} €</td>
                {% endif %}
            </tr>
        {% else %}
            <tr>
                <td colspan="5">keine Daten gefunden</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div class="page_break"></div>

    <h2>bisher fehlende Zahlungseingänge</h2><hr /><br />

    <table style="border: 1px solid black; padding: 5px;; border-collapse: collapse; font-size: 0.8em; width:100%;">
        <thead>
            <tr>
                <th style="border: 1px solid black; padding: 5px;">Name</th>
                <th style="border: 1px solid black; padding: 5px;">Vorname</th>
                <th style="border: 1px solid black; padding: 5px;">Status</th>
            </tr>
        </thead>
        <tbody>
        {% for kind in kinds %}
            <tr>
                <td style="border: 1px solid black; padding: 5px;">{{ kind.name }}</td>
                <td style="border: 1px solid black; padding: 5px;">{{ kind.vorname }}</td>
                {% set count = kind.kontobuchungs | length %}
                {% if count > 1 %}
                <td style="background: #00FF00;border: 1px solid black; padding: 5px;">überwiesen</td>
                {% else %}
                <td style="background: #FFFFFF; border: 1px solid black; padding: 5px; color:#FF0000;">
                bisher kein Zahlungseingang
                </td>
                {% endif %}
            </tr>
        {% else %}
            <tr>
                <td colspan="4">keine Daten gefunden</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}