{# templates/agent/formulaire/index.html.twig #}

{% extends 'agent/agent_base.html.twig' %}

{% block title %}Formulaires{% endblock %}



{% block content %}
    <div class="container-fluid">
        <h3 class="mb-5">Liste des formulaires</h3>

        {# Affichage des messages flash #}
        {% for message in app.flashes('success') %}
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ message }}
                <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}
        {% for message in app.flashes('error') %}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ message }}
                <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                {{ message }}
                <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endfor %}

        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h4 class="text-body mb-0">Sélectionner un formulaire</h4>
                
            </div>
            <div class="card-body">
                <div id="tableExample4" data-list='{"valueNames":["titre","acteur","periode","zone","categorie","createdat"],"page":5,"pagination":true,"filter":{"key":"categorie"}}'>
                    <div class="row">
                        <div class="col-md-9 search-box mb-3 mx-auto">
                            <form class="position-relative"><input class="form-control search-input search form-control-sm" type="search" placeholder="Rechercher" aria-label="Search" />
                                <span class="fas fa-search search-box-icon"></span>
                            </form>
                        </div>
                        
                        <div class="col-md-3 justify-content-end g-0">
                            <div class="col-auto px-3">
                                <select class="form-select form-select-sm mb-3" data-list-filter="data-list-filter">
                                <option selected="" value="">Filter par catégorie</option>
                                {% if formulaireCat is not empty %}
                                    {% for cat in formulaireCat %}
                                        <option value="{{ cat.titre }}">{{ cat.titre }}</option>
                                    {% endfor %}
                                {% endif %}
                                
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive">
                    {% if formulaires is not empty %}
                        <table class="table table-sm fs-9 mb-0">
                        <thead>
                            <tr class="bg-body-highlight">
                            <th class="sort border-top border-translucent ps-3" data-sort="titre">Formulaire</th>
                            <th class="sort border-top border-translucent" data-sort="acteur">Acteur</th>
                            <th class="sort border-top border-translucent" data-sort="periode">Périodicité</th>
                            <th class="sort border-top border-translucent" data-sort="zone">Zone de collecte</th>
                            <th class="sort border-top border-translucent" data-sort="categorie">Catégorie</th>
                            <th class="sort border-top border-translucent" data-sort="createdat">Date de création</th>
                            </tr>
                        </thead>
                        <tbody class="list">
                            {% for formulaire in formulaires %}
                                
                                {# Définir la périodicité en texte #}
                                {% set periodiciteText %}
                                    {% set value = formulaire.periodicite %}
                                    {% if value == 1 %}Annuelle
                                    {% elseif value == 2 %}Semestrielle
                                    {% elseif value == 3 %}Trimestrielle
                                    {% elseif value == 4 %}Mensuelle
                                    {% elseif value == 5 %}Journalière
                                    {% else %}Non définie
                                    {% endif %}
                                {% endset %}

                                {# Définir la localité en texte #}
                                {% set localiteText %}
                                    {% set value = formulaire.localite %}
                                    {% if value == 1 %}Pays
                                    {% elseif value == 2 %}District
                                    {% elseif value == 4 %}Département
                                    {% elseif value == 5 %}Sous-préfecture
                                    {% elseif value == 6 %}Commune
                                    {% elseif value == 7 %}Village
                                    {% else %}Non définie
                                    {% endif %}
                                {% endset %}

                                <tr>
                                    <td class="align-middle ps-3 titre"><a href="{{ path('app_agent_formulaire_add', {'id': formulaire.id}) }}">{{ formulaire.titre }}</a></td>
                                    <td class="align-middle acteur">{% if formulaire.acteur is not empty %}{{ formulaire.acteur.getTitre() }}{% endif %}</td>
                                    {# Utiliser les variables définies #}
                                    <td class="align-middle periode">{{ periodiciteText }}</td>
                                    <td class="align-middle zone">{{ localiteText }}</td>
                                    <td class="align-middle categorie">{{ formulaire.categorie.getTitre() }}</td>
                                    <td class="align-middle createdat">{{ formulaire.dates ? formulaire.dates|date('d/m/Y') : '' }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                        </table>
                    {% else %}
                        <p>Aucun formulaire n'a été trouvé.</p>
                    {% endif %}
                    </div>
                    <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info"></span>
                        <div class="d-flex">
                            <button class="page-link" data-list-pagination="prev">
                                <span class="fas fa-chevron-left"></span>
                            </button>
                            <ul class="mb-0 pagination"></ul>
                            <button class="page-link pe-0" data-list-pagination="next">
                                <span class="fas fa-chevron-right"></span>
                            </button>
                        </div>
                    </div>
                </div>

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