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

{% block title %}Liste des transactions{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="transaction">
        <div class="row align-items-center sticky-top bg-light">
            <div class="col-md-2">
                <img src="{{ absolute_url(asset('img/logos_bank/' ~ account.bank ~ '.png' )) }}" width="80px"/>
            </div>
            <div class="col-md-7">
                <h1>{{ account.bank ~ ' ' ~ account.name }}</h1>
            </div>
            <div class="col-md-2">
                <a href="{{ path('transaction_new', {'account_id': account_id}) }}" class="btn btn-outline-success">Nouvelle transaction</a>
            </div>
            <div class="col-md-1 text-right">
                <a href="{{ path('account_index') }}"  class="btn btn-outline-secondary">Retour</a>
            </div>
        </div>
        <div class="row align-items-center sticky-top bg-light">
            <div class="col-md-2 align-middle">
                Solde au {{ "now"|date("d/m/Y") }}
            </div>
            {% if currentBalance > 0 %}
            <div class="col-md-1 text-right align-middle bg-success">
                    <span class="text-white">{{ currentBalance|number_format(2, '.', ' ') }} €</span>
            </div>
            {% else %}
            <div class="col-md-1 text-right align-middle bg-danger">
                    <span class="text-white">{{ currentBalance|number_format(2, '.', ' ') }} €</span>
            </div>
            {% endif %}
            <div class="col-md-2 align-middle">
                Solde fin de mois {{ "now"|format_date(pattern='MMMM', locale='fr') }}
            </div>
            {% if finalBalance > 0 %}
            <div class="col-md-1 text-right align-middle bg-success">
                    <span class="text-white">{{ finalBalance|number_format(2, '.', ' ') }} €</span>
            </div>
            {% else %}
            <div class="col-md-1 text-right align-middle bg-danger">
                    <span class="text-white">{{ finalBalance|number_format(2, '.', ' ') }} €</span>
            </div>
            {% endif %}
            <div class="col-md-6 text-right align-middle">
                <form method="post" action="{{ path('new_current_transaction') }}">
                    <select name="current_transactions" id="current_transactions" onchange="this.form.submit()">
                        <option>Sélectionner une transaction courante</option>
                        {% for current_transaction in current_transactions %}
                            <option value="{{ current_transaction.id }}">{{ current_transaction.issuerAccount.bank ~ ' ' ~ current_transaction.outsider.name ~ ' ' ~ current_transaction.category.name}}</option>
                        {% endfor %}
                    </select>
                    <input type="hidden" name="account_id" value="{{ account_id }}" />
                </form>
            </div>
        </div>
        <br />
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">CreationDate</th>
                    <th scope="col">Emetteur</th>
                    <th scope="col">Tiers / Receveur</th>
                    <th scope="col">Catégorie</th>
                    <th scope="col">Debit</th>
                    <th scope="col">Credit</th>
                    <th scope="col">Comment.</th>
                    <th scope="col">Rapprocher ?</th>
                    <th scope="col"></th>
                    <th scope="col"></th>
                    <th scope="col"></th>
                </tr>
            </thead>
            <tbody>
            {% for transaction in transactions %}

                {% if transaction.reconsile == 'Yes' %}
                    <tr class="table-secondary">
                {% elseif date(transaction.creationDate|date('ymd')) > date("now"|date('ymd')) %}
                    <tr class="table-warning">
                {% else %}
                    <tr>
                {% endif %}
                    <td>{{ transaction.creationDate ? transaction.creationDate|date('d/m/Y') : '' }}</td>
                    {% if transaction.issuerAccount %}
                        <td>{{ transaction.issuerAccount.bank }} / {{ transaction.issuerAccount.name }}</td>
                    {% else %}
                        <td>{{ transaction.issuerAccount.bank }} / {{ transaction.issuerAccount.name }}</td>
                    {% endif %}
                    {% if transaction.receiverAccount %}
                        <td>{{ transaction.receiverAccount.bank }} / {{ transaction.receiverAccount.name }}</td>
                    {% else %}
                        <td>{{ transaction.outsider.name ?? 'Anonyme' }}</td>
                    {% endif %}
                    <td>{{ transaction.category ? transaction.category.name }}</td>
                    <td align="right">
                        {% if transaction.debit %}
                            {% if transaction.receiverAccount %}
                                {% if transaction.receiverAccount.id != account_id %}
                                    <span class="text-danger">{{ transaction.debit|number_format(2, '.', ' ') }} €</span>
                                {% endif %}
                            {% else %}
                                <span class="text-danger">{{ transaction.debit|number_format(2, '.', ' ') }} €</span>
                            {% endif %}
                        {% endif %}
                    </td>
                    <td align="right">
                        {% if transaction.credit %}
                            <span class="text-success">{{ transaction.credit ? transaction.credit|number_format(2, '.', ' ') }} €</span>
                        {% elseif transaction.receiverAccount %}
                            {% if transaction.receiverAccount.id == account_id %}
                                <span class="text-success">{{ transaction.debit|number_format(2, '.', ' ') }} €</span>
                            {% endif %}
                        {% endif %}
                    </td>
                    <td>
                        {% if transaction.comment %}
                            <a href="#" class="btn btn-sm btn-info" title="{{ transaction.comment }}"><span class="fa fa-info"></span></a>
                        {% endif %}
                    </td>
                    {% if transaction.reconsile == 'Yes' %}
                        <td><a href="{{ path('transaction_reconsile', {'id':transaction.id, 'accountId':account_id}) }}" class="btn btn-sm btn-success" title="{{ transaction.reconsile }}"><span class="fa fa-check"></span></a></td>
                    {% else %}
                        <td><a href="{{ path('transaction_reconsile', {'id':transaction.id, 'accountId':account_id}) }}" class="btn btn-sm btn-light" title="{{ transaction.reconsile }}">R</span></a></td>
                    {% endif %}
                    <td>
                        <a href="{{ path('transaction_show', {'id': transaction.id}) }}" class="btn btn-sm btn-primary"><span class="fa fa-eye"></span></a>
                        <a href="{{ path('transaction_edit', {'id': transaction.id}) }}" class="btn btn-sm btn-warning"><span class="fa fa-edit"></span></a>
                    </td>
                    <td>
                        <a href="{{ path('transaction_duplicate', {id: transaction.id}) }}" class="btn btn-success"><span class="fa fa-copy"></span></a>
                    </td>
                    <td>
                        {{ include('transaction/_delete_form.html.twig') }}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="10">Aucune transaction trouvée</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        {# display navigation #}
        <div class="navigation">
            {{ knp_pagination_render(transactions) }}
        </div>
    </div>
</div>
{% endblock %}