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

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

{% block body %}
    {% for label, messages in app.flashes %}
        {% for message in messages %}
            <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
                {{ message }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
        {% endfor %}
    {% endfor %}

    <div class="container-fluid">
        <div class="transaction">
            <div class="row align-items-center sticky-top bg-white">
                <div class="col-md-6">
                    <h2>Liste des Transactions Powens (db)</h2>
                </div>
                <div class="col-md-2">
                    <a href="{{ path('powens_transactions_import') }}"
                    class="btn btn-primary me-2"
                    id="importBtn">
                        <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true" id="spinnerImport"></span>
                        <span id="importText">Importer</span>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="{{ path('powens_transactions_sync', {'accountId': accountId}) }}"
                    class="btn btn-success"
                    id="syncBtn">
                        <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true" id="spinnerSync"></span>
                        <span id="syncText">Synchroniser</span>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="{{ path('powens_transactions_unmatched') }}" class="btn btn-sm btn-outline-info">Lier</a>
                </div>
            </div>
            <br />
            <table class="table table-striped mt-3">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>ID Compte</th>
                        <th>Date d'application</th>
                        <th>Valeur</th>
                        <th>Wording Original</th>
                        <th>Etat</th>
                        <th>Type</th>
                        <th>Date de Récupération</th>
                        <th>Date Heure de Réel</th>
                        <th>A venir ?</th>
                    </tr>
                </thead>
                <tbody>
                    {% for transaction in transactions %}
                         <tr class="{% if transaction.coming == 1 %}table-warning{% endif %}">
                            <td><a href="{{ path('powens_transaction_detail', {'id': transaction.id}) }}">{{ transaction.id | default('Non défini') }}</a></td>
                            <td>{{ transaction.id_account | default('Non défini') }}</td>
                            <td>
                                {{ transaction.application_date ? transaction.application_date|date('d/m/Y') : '' }}
                            </td>
                            <td>
                                {% if transaction.value>=0 %}
                                    <span class="text-success">{{ transaction.value ? transaction.value|number_format(2, '.', ' ') }} €</span>
                                {% else %}
                                    <span class="text-danger">{{ transaction.value ? transaction.value|number_format(2, '.', ' ') }} €</span>
                                {% endif %}
                            </td>
                            <td>{{ transaction.simplified_wording | default('Non défini') }}</td>
                            <td>{{ transaction.state | default('Non défini') }}</td>
                            <td>{{ transaction.ttype | default('Non défini') }}</td>
                            <td>{{ transaction.date_scraped ? transaction.date_scraped|date('d/m/Y') : '' }}</td>
                            <td>{{ transaction.rdate ? transaction.rdate|date('d/m/Y') : '' }}</td>
                            <td>{{ transaction.coming | default('Non défini') }}</td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="9">Aucune transaction trouvée.</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}