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

{% block title %}Account index{% endblock %}

{% block body %}
<div class="container">
    <h1>Liste des comptes</h1>
    <br /><br />
    <table class="table">
        <thead class="thead-dark">
            <tr>
                <th scope="col">Compte</th>
                <th scope="col">Type</th>
                <th scope="col">Solde courant</th>
                <th scope="col">Solde final</th>
            </tr>
        </thead>
        <tbody>
        {% for account in accounts %}
            <tr>
                <td><img src="{{ absolute_url(asset('img/logos_bank/' ~ account.bank ~ '.png' )) }}" width="25px"/> <a href="{{ path('transaction_index', {'account_id': account.id}) }}">{{ account.name }} {{ account.bank }}</a></td>
                <td>{{ account.type }}</td>
                <td align="right">
                    {% if currentBalances[account.id] < 0 %}
                        <span class="text-danger">{{ currentBalances[account.id]|number_format(2, '.', ' ') }} €</span>
                    {% else %}
                        <span>{{ currentBalances[account.id]|number_format(2, '.', ' ') }} €</span>
                    {% endif %}
                </td>
                <td align="right">
                    {% if finalBalances[account.id] < 0 %}
                        <span class="text-danger">{{ finalBalances[account.id]|number_format(2, '.', ' ') }} €</span>
                    {% else %}
                        <span>{{ finalBalances[account.id]|number_format(2, '.', ' ') }} €</span>
                    {% endif %}
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="6">Aucun compte trouvé !</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}