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

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

{% block title %}Mes formulaires remplis{% endblock %}

{% block content %}
    <div class="container-fluid">
        <h3 class="mb-5">Liste des données saisies</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">Mes soumissions de formulaires</h4>
            </div>
            <div class="card-body">
                <div id="tableExample4" data-list='{"valueNames":["formulaire_titre", "periode", "localite", "createdat"],"page":30,"pagination":true,"filter":{"key":"formulaire_titre"}}'>
                    <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 formulaireSubmissions 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="formulaire_titre">Formulaire</th>
                                    <th class="sort border-top border-translucent" data-sort="periode">Période</th>
                                    <th class="sort border-top border-translucent" data-sort="localite">Localité / Acteur</th>
                                    <th class="sort border-top border-translucent" data-sort="validation">Validation</th>
                                    <th class="sort border-top border-translucent" data-sort="etat">Etat</th>
                                    <th class="sort border-top border-translucent" data-sort="createdat">Date d'enregistrement</th>
                                    <th class="border-top border-translucent">Actions</th>
                                </tr>
                            </thead>
                            <tbody class="list">
							
							{% set monthNames = [
                                    'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
                                    'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'
                                ] %}
								
                                {% for form_data in formulaireSubmissions %}
                                    {% for submission in form_data.submissions %}
                                        <tr>
                                            <td class="align-top ps-3 formulaire_titre">
												<b>{{ form_data.formulaire.titre }}</b>
											</td>
                                            <td class="align-middle periode">
                                                {% if submission.annee %}
                                                    Année : {{ submission.annee }} <br>
                                                {% endif %}
                                                {% if submission.semestre %}
                                                    Semestre : {{ submission.semestre }} <br>
                                                {% endif %}
                                                {% if submission.trimestre %}
                                                    Trimestre : {{ submission.trimestre }} <br>
                                                {% endif %}
                                                {% if submission.mois %}
													{% set monthIndex = submission.mois - 1 %}
                                                    Mois : {{ monthNames[monthIndex] }} <br>
                                                {% endif %}
                                                {% if submission.date_jour %}
                                                    Jour : {{ submission.date_jour|date('d-m-Y') }}
                                                {% endif %}
                                            </td>
                                            <td class="align-middle localite">
												{% if submission.district_entite is not null %}
													District : {{ submission.district_entite.nom ?? submission.district_entite.titre }} <br>
												{% endif %}
												{% if submission.region_entite is not null %}
													Région : {{ submission.region_entite.nom ?? submission.region_entite.titre }} <br>
												{% endif %}
												{% if submission.departement_entite is not null %}
													Département : {{ submission.departement_entite.nom ?? submission.departement_entite.titre }} <br>
												{% endif %}
												{% if submission.sousprefecture_entite is not null %}
													Sous-préfecture : {{ submission.sousprefecture_entite.nom ?? submission.sousprefecture_entite.titre }} <br>
												{% endif %}
												{% if submission.commune_entite is not null %}
													Commune : {{ submission.commune_entite.nom ?? submission.commune_entite.titre }} <br>
												{% endif %}
												{% if submission.village_entite is not null %}
													Village : {{ submission.village_entite.nom ?? submission.village_entite.titre }} <br>
												{% endif %}
                                                {% if submission.acteur_entite %}
                                                    Acteur : {{ submission.acteur_entite.nom }}
                                                {% endif %}
											</td>
                                            <td class="align-middle validation">
                                                {% set validatedCount = 0 %}
                                                {% set totalCount = 0 %}
                                                
                                                {% for i in 1..form_data.formulaire.niveauValidation %}
                                                    {% if attribute(submission, 'validate' ~ i ~ '_user_statut') is defined %}
                                                        {% set totalCount = totalCount + 1 %}
                                                        {% if attribute(submission, 'validate' ~ i ~ '_user_statut') == 1 %}
                                                            {% set validatedCount = validatedCount + 1 %}
                                                        {% endif %}
                                                    {% endif %}
                                                {% endfor %}
                                                
                                                {% if totalCount > 0 %}
                                                    <span class="badge bg-primary fs-8">{{ validatedCount }} / {{ totalCount }}</span>
                                                {% else %}
                                                    <span class="badge bg-secondary">Non soumis</span>
                                                {% endif %}
                                            </td>
                                            <td class="align-middle etat">
                                                <span class="badge {{ submission.etat ? 'bg-success' : 'bg-warning' }}">
                                                    {{ submission.etat ? 'Validé' : 'En attente' }}
                                                </span>
                                            </td>
                                            <td class="align-middle createdat">
                                                {{ submission.user_save_updated_date ? submission.user_save_updated_date|date('d/m/Y') : 'N/A' }}
                                            </td>
                                            <td class="align-middle">
                                                <a href="{{ path('app_agent_formulaire_show', {'formId': form_data.formulaire.id, 'submissionId': submission.id ,'submissionSuperviseur': submission.superviseur}) }}" class="btn btn-sm btn-info">Voir</a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        <p>Aucune donnée de formulaire n'a été trouvée pour votre compte.</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 %}