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

{% block title %}Kontobuchungen{% endblock %}

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

    <table class="table">
        <thead>
            <tr>
                <th>Datum</th>
                <th>Verwendungszweck</th>
                <th>Sender oder Empfänger</th>
                <th>Wert</th>
                <th><a href="{{ path('app_kontobuchung_new') }}"><button class="btn btn-sm btn-outline-primary">NEU</button></a></th>
            </tr>
        </thead>
        <tbody>
        {% for kontobuchung in kontobuchungs %}
            {% if kontobuchung.value > 0 %}
            <tr>
                <td>{{ kontobuchung.datum | date("d.m.Y")}}</td>
                <td>{{ kontobuchung.verwendungszweck }}</td>
                <td>{{ kontobuchung.sender }}</td>
                <td>{{ kontobuchung.value | number_format(2,",") }} €</td>
                <td>
                    <a href="{{ path('app_kontobuchung_show', {'id': kontobuchung.id}) }}"><button class="btn btn-sm btn-outline-primary">Anzeigen</button></a>
                    <a href="{{ path('app_kontobuchung_edit', {'id': kontobuchung.id}) }}"><button class="btn btn-sm btn-outline-primary">Bearbeiten</button></a>
                </td>
            </tr>
            {% else %}
            <tr>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.datum | date("d.m.Y")}}</td>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.verwendungszweck }}</td>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.sender }}</td>
                <td style="background: #FF0000; color: #FFFFFF;">{{ kontobuchung.value | number_format(2,",") }} €</td>
                <td>
                    <a href="{{ path('app_kontobuchung_show', {'id': kontobuchung.id}) }}"><button class="btn btn-sm btn-outline-primary">Anzeigen</button></a>
                    <a href="{{ path('app_kontobuchung_edit', {'id': kontobuchung.id}) }}"><button class="btn btn-sm btn-outline-primary">Bearbeiten</button></a>
                </td>
            </tr>
            {% endif %}
        {% else %}
            <tr>
                <td colspan="5">keine Daten gefunden</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}