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

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

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">

            <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
                <div class="col mt-4">
                    <a href="{{ path('admin.project.show', {'id': project.id}) }}"
                       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 au projet  {% endtrans %}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0">
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <hr>
            <h3>{{ project.title | title }}</h3>
            {{ form_start(form) }}
            <div class="col-md-12">

                <div class="row mt-3">

                    <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>
            {{ render_chart(chart) }}

        </div>
    </div>
{% endblock %}