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

{% block title %}Project index{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="layout-specing">
        <h4>Liste des projects</h4>
        <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
            <div class="col mt-4">
                <a href="{{ path('admin.project.create')}}"
                   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 nouveau projet {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">

                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <twig:AdminCountProjectByStatusComponent />
        </div>
        {{ include('layouts/Flash/_flash.html.twig')}}
        <hr>

    <table class="table">
        <thead>
            <tr>

                <th>Titre</th>
                <th>Objectif </th>

                <th>Collecté</th>

                <th>Lieu</th>
                <th>Statut</th>
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
        {% for project in pagination %}
            <tr>

                <td>{{ project.title }}</td>
                <td>{{ project.targetAmount | format_currency(project.currency) }}</td>
                <td>
                    {% for d in project.allCollectedAmountByCurrency %}
                        <span>{{ d.totalAmount | format_currency(d.currency)}}</span> &nbsp;
                    {% endfor %}
                </td>

                <td>{{ project.district.name }}  {{ project.district.commune.name  }}</td>
                <td>{{ project.status.name }}</td>

                <td>
                    <a class="btn btn-sm btn-outline-primary" href="{{ path('admin.project.show', {'id': project.id}) }}">voir</a>
                    <a class="btn btn-sm btn-primary" href="{{ path('admin.project.edit', {'id': project.id}) }}">Modifier</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="20">Aucun projet trouvé</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
        {% if pagination.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(pagination) }}
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}