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

{% block title %}Hello AccountTransactionController!{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">
            <h4>{{ user.fullname | title }} </h4>


            <hr>
            {{ include('layouts/Flash/_flash.html.twig') }}

            <table class="table">
                <thead>
                <tr>
                    <th>Projet</th>

                    <th>Montant</th>
                    <th>Encaissement</th>
                    <th>statut</th>
                    <th>Transaction type</th>
                    <th>Date</th>
                    <th>actions</th>
                </tr>
                </thead>

                <tbody>
                {% for transaction in paginator %}
                    <tr>
                        <td>{{ transaction.project.title ?? "" | title }}</td>

                        <td>{{ transaction.amount | format_currency(transaction.currency) }}</td>
                        <td>{{ transaction.paymentMethod }}</td>
                        <td>{{ transaction.transactionStatus }}</td>
                        <td>{{ transaction.transactionType }}</td>
                        <td>{{ transaction.createdAt ? transaction.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>
                            <a class="btn btn-sm btn-outline-primary" href="{{ path('account.transaction.show', {'id': transaction.id }) }}">Voir</a>

                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="9">no records found</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% if paginator.totalItemCount > limit %}
                <div class="row mt-3" >
                    <div class="col-sm-12 col-md-12">
                        <div class="page-navigation d-flex justify-content-center">
                            {{ knp_pagination_render(paginator) }}
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}