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

{% block title %}Stats Contributions pour {{ campagn.title }}{% endblock %}

{% block body %}



    <main id="main" class="site-main">

        <div class="campaigns-action clearfix">
            <div class="container">
                {#      <div class="sort">
                    <span>Sort by:</span>
                    <ul>
                        <li class="active"><a href="#">Recent Project</a></li>
                        <li><a href="#">Most Project</a></li>
                    </ul>
                </div><!-- .sort -->#}
                <div class="filter">


                    {{ form_start(form) }}

                    <div class="field-select mb-2">
                        {{ form_row(form.fullName) }}
                    </div>

                    <div class="field-select mb-2">
                        {{ form_row(form.minAmount) }}
                    </div>

                    <div class="field-select mb-2">
                        {{ form_row(form.startDate) }}
                    </div>

                    <div class="field-select mb-2">
                        {{ form_row(form.endDate) }}
                    </div>


                    <button type="submit" class="btn-primary"><i class="fa fa-search"></i></button>
                    {{ form_end(form) }}
                </div><!-- .filter -->
                <div class="filter">
                    <p class="text-center">
                        <a href="{{ path('contribution.contributors',{'campagn_id': campagn.id,'campagn_slug': campagn.slug}) }}">
                        Effacer le filtre de donnée</a>
                        </p>

                </div>
            </div>
        </div><!-- .campaigns-action -->
        <div class="container mt-5">
            <h2 class="text-center">Details de contributions</h2>
            <p class="text-center mb-5"><a href="{{path('campagn.user.detail', {id: campagn.id, slug: campagn.slug})}}">{{ campagn.title }}</a></p>

            {% if contributions is defined %}

            <table class="table table-bordered">
                <thead>
                <tr>
                    <th scope="col">#Référence</th>
                    <th scope="col">Nom & Prénom</th>
                    <th scope="col">Montant</th>
                    <th scope="col">Statut</th>

                    <th scope="col">Date</th>
                    <th scope="col">infos</th>
                </tr>
                </thead>
                <tbody>
                {% for contribution in contributions %}
                <tr>
                    <th scope="row">{{ contribution.id }}</th>
                    <td>{{ contribution._contributorName }}</td>
                    <td>{{ contribution.amount | format_currency('GNF') }}</td>
                    <td>{{ contribution.paymentStatus}}</td>
                    <td>{{ contribution.createdAt | ago }}</td>
                    {% if contribution.commande.id is defined %}
                        <td><a href="{{ path('commande_details.user.show',{'commande_id': contribution.commande.id}) }}" >Voir Commande</a></td>
                    {% else %}
                        <td>...</td>
                    {% endif %}
                </tr>
                {% endfor %}
                </tbody>
            </table>
            {% endif %}


            <div class="page-navigation d-flex justify-content-center">

                {{ knp_pagination_render(contributions) }}
            </div>

        </div>
    </main>

{% endblock %}