<div class="table-container">
    <table class="table">
        <thead>
        <tr>
            <th>{{strings.name[locale]}}</th>
            <th>{{strings.type[locale]}}</th>
            <th>{{strings.provider[locale]}}</th>
            <th>{{strings.location[locale]}}</th>
            <th>{{strings.amount[locale]}} / {{strings.month[locale]}}</th>
            <th>{{strings.amount[locale]}} / {{strings.year[locale]}}</th>
        </tr>
        </thead>
        <tbody>
        {% for expense in expenses %}
        <tr>
            {% if expense.name[locale] %}
            <td>{{expense.name[locale]}}</td>
            {% else %}
            <td>{{expense.name}}</td>
            {% endif %}
            <td>{{expense.type}}</td>
            <td>{{expense.provider}}</td>
            <td>{{expense.location}}</td>
            <td>{{expense.amount | amount}} €</td>
            <td>{{expense.amount | year | amount}} €</td>
        </tr>
        {% endfor %}
        </tbody>
        <tfoot>
        <tr>
            <th colspan="4">{{strings.total[locale]}}</th>
            <th>{{expenses | sum | amount}} €</th>
            <th>{{expenses | sum | year | amount}} €</th>
        </tr>
        </tfoot>
    </table>
</div>
