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

{% block title %}Transaction index{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="layout-specing">
        <h4>Liste des Transactions pour l'investissement de: {{ '' }}</h4>
        <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
            <div class="col mt-4">
                <a href="{{ app.request.headers.get('referer') }}"
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-step-backward-alt fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Retourner à l'investissement  {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">

                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col mt-4">
                <a href=""
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-plus fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Créer un transaction  {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">

                            </p>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col mt-4">
                <a href=""
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-bill fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Nombre transactions  {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">
                                {{ paginator.totalItemCount }}
                            </p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <hr>
        <h3>Filtrer les infos</h3>
        {{ form_start(form) }}
        <div class="col-md-12">

            <div class="row mt-3">

                <div class="col-md-6">
                    <label class="mb-1">Projet</label>
                    {{ form_row(form.project, {'attr': {'label': false}}) }}
                </div>
                <div class="col-md-6">
                    <label class="mb-1">Investisseur</label>
                    {{ form_row(form.user, {'attr': {'label': false}}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Montant Min</label>
                    {{ form_row(form.minAmount, {'attr': {'class': 'form-control', 'placeholder': "Le montant min"}, 'label': false}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Montant Max</label>
                    {{ form_row(form.maxAmount, {'attr': {'class': 'form-control', 'placeholder': "Le montant max"}, 'label': false}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Devise</label>
                    {{ form_row(form.currency, {'attr': {'class': 'form-control', 'placeholder': "Devise"}, 'label': false}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Statut</label>
                    {{ form_row(form.paymentStatus, {'attr': {'class': 'form-control', 'placeholder': "Devise"}, 'label': false}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Encaissement</label>
                    {{ form_row(form.paymentMethod, {'attr': {'class': 'form-control', 'placeholder': "Mode d'encaissement"}, 'label': false}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Type</label>
                    {{ form_row(form.paymentType, {'attr': {'class': 'form-control', 'placeholder': "Devise"}, 'label': false}) }}
                </div>

                <div class="col-md-3">
                    <label class="mb-1">Date Min</label>
                    {{ form_row(form.minDate, {'attr': {'class': 'form-control', 'placeholder': "Devise"}, 'label': false}) }}
                </div>
                <div class="col-md-3">
                    <label class="mb-1">Date max</label>
                    {{ form_row(form.maxDate, {'attr': {'class': 'form-control', 'placeholder': "Devise"}, 'label': false}) }}
                </div>

                <button class="btn btn-primary mt-3">{{ button_label|default('Filtrer') }}</button>
            </div>

        </div>
        {{ form_end(form) }}
        <hr>

        <table class="table">
        <thead>
            <tr>
                <th>Project</th>
                <th>Investisseur</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.user }}</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('admin.transaction.show', {'id': transaction.project.id,'transaction': 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 %}