{% extends "sidebar_table_layout.html" %}

{% block sidebar %}
    <div id="table_overflow">
    <table class="balance table">
    <tr>
        <th></th>
        <th class="balance-value">{{ _("Balance") }}</th>
    </tr>
    {% for stat in members_stats| sort(attribute='member.name') %}
    <tr>
        <td class="balance-name">{{ stat.member.name }}</td>
        <td class="balance-value {% if stat.balance|round(2) > 0 %}positive{% elif stat.balance|round(2) < 0 %}negative{% endif %}">
            {% if stat.balance|round(2) > 0 %}+{% endif %}{{ "%.2f" | format(stat.balance) }}
        </td>
    </tr>
    {% endfor %}
    </table>
    </div>
{% endblock %}


{% block content %}
    <table id="bill_table" class="split_bills table table-striped">
        <thead><tr><th>{{ _("Who?") }}</th><th>{{ _("Paid") }}</th><th>{{ _("Spent") }}</th></tr></thead>
    <tbody>
    {% for stat in members_stats %}
    <tr>
        <td>{{ stat.member.name }}</td>
        <td>{{ "%0.2f"|format(stat.paid) }}</td>
        <td>{{ "%0.2f"|format(stat.spent) }}</td>
    </tr>
    {% endfor %}
    </tbody>
    </table>

{% endblock %}