From b6651fabb484d898f6ea4aa03c28f2c11b6785b4 Mon Sep 17 00:00:00 2001
From: Youssef <youssef.kaouachi@gmail.com>
Date: Sun, 31 May 2026 01:57:46 +0200
Subject: [PATCH] fix: resolution du conflit de formulaires imbriques dans la
 liste des adherents

---
 .../resources/templates/adherents/list.html   | 96 +++++++++----------
 1 file changed, 48 insertions(+), 48 deletions(-)

diff --git a/as-talange-web/src/main/resources/templates/adherents/list.html b/as-talange-web/src/main/resources/templates/adherents/list.html
index 8c0e935..31d5214 100644
--- a/as-talange-web/src/main/resources/templates/adherents/list.html
+++ b/as-talange-web/src/main/resources/templates/adherents/list.html
@@ -46,53 +46,54 @@
                 
                 <form id="filter-form" hx-get="/adherents" hx-target="#adherents-table-container" hx-select="#adherents-table-container" hx-trigger="change, keyup changed delay:300ms" hx-sync="this:replace" hx-on::config-request="if (event.detail.trigger.tagName !== 'BUTTON') { event.detail.parameters['page'] = 0; }" class="m-0">
                     <input type="hidden" name="query" th:value="${searchQuery}">
-                    
-                    <table class="w-full text-left border-collapse">
-                        <thead>
-                            <tr class="bg-gray-50 text-gray-500 text-sm uppercase tracking-wider border-b border-gray-200">
-                                <th class="py-3 px-6 font-medium text-left">Nom</th>
-                                <th class="py-3 px-6 font-medium text-left">Prénom</th>
-                                <th class="py-3 px-6 font-medium text-left">Catégorie</th>
-                                <th class="py-3 px-6 font-medium text-center">N° Licence</th>
-                                <th class="py-3 px-6 font-medium text-left">Email</th>
-                                <th class="py-3 px-6 font-medium text-left">Téléphone</th>
-                                <th class="py-3 px-6 font-medium text-center">Paiement</th>
-                                <th class="py-3 px-6 font-medium text-right">Actions</th>
-                            </tr>
-                            <!-- Filter Row -->
-                            <tr class="bg-gray-100 border-b border-gray-200 text-xs">
-                                <td class="py-2 px-3">
-                                    <input type="text" id="filterNom" name="nom" th:value="${nomFilter}" placeholder="Filtrer Nom..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                </td>
-                                <td class="py-2 px-3">
-                                    <input type="text" id="filterPrenom" name="prenom" th:value="${prenomFilter}" placeholder="Filtrer Prénom..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                </td>
-                                <td class="py-2 px-3">
-                                    <select id="filterCategorie" name="categorie" class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                        <option value="">Toutes</option>
-                                        <option th:each="cat : ${categories}" th:value="${cat.nom}" th:text="${cat.nom}" th:selected="${categorieFilter == cat.nom}"></option>
-                                    </select>
-                                </td>
-                                <td class="py-2 px-3">
-                                    <input type="text" id="filterLicence" name="licence" th:value="${licenceFilter}" placeholder="Filtrer N°..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                </td>
-                                <td class="py-2 px-3">
-                                    <input type="text" id="filterEmail" name="email" th:value="${emailFilter}" placeholder="Filtrer Email..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                </td>
-                                <td class="py-2 px-3">
-                                    <input type="text" id="filterTelephone" name="telephone" th:value="${telephoneFilter}" placeholder="Filtrer Tél..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                </td>
-                                <td class="py-2 px-3">
-                                    <select id="filterPaiement" name="paiement" class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
-                                        <option value="">Tous</option>
-                                        <option value="A_JOUR" th:selected="${paiementFilter == 'A_JOUR'}">À jour</option>
-                                        <option value="RESTE" th:selected="${paiementFilter == 'RESTE'}">Reste à payer</option>
-                                        <option value="AUCUNE" th:selected="${paiementFilter == 'AUCUNE'}">Aucune licence</option>
-                                    </select>
-                                </td>
-                                <td class="py-2 px-3"></td>
-                            </tr>
-                        </thead>
+                </form>
+                
+                <table class="w-full text-left border-collapse">
+                    <thead>
+                        <tr class="bg-gray-50 text-gray-500 text-sm uppercase tracking-wider border-b border-gray-200">
+                            <th class="py-3 px-6 font-medium text-left">Nom</th>
+                            <th class="py-3 px-6 font-medium text-left">Prénom</th>
+                            <th class="py-3 px-6 font-medium text-left">Catégorie</th>
+                            <th class="py-3 px-6 font-medium text-center">N° Licence</th>
+                            <th class="py-3 px-6 font-medium text-left">Email</th>
+                            <th class="py-3 px-6 font-medium text-left">Téléphone</th>
+                            <th class="py-3 px-6 font-medium text-center">Paiement</th>
+                            <th class="py-3 px-6 font-medium text-right">Actions</th>
+                        </tr>
+                        <!-- Filter Row -->
+                        <tr class="bg-gray-100 border-b border-gray-200 text-xs">
+                            <td class="py-2 px-3">
+                                <input type="text" id="filterNom" name="nom" form="filter-form" th:value="${nomFilter}" placeholder="Filtrer Nom..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                            </td>
+                            <td class="py-2 px-3">
+                                <input type="text" id="filterPrenom" name="prenom" form="filter-form" th:value="${prenomFilter}" placeholder="Filtrer Prénom..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                            </td>
+                            <td class="py-2 px-3">
+                                <select id="filterCategorie" name="categorie" form="filter-form" class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                                    <option value="">Toutes</option>
+                                    <option th:each="cat : ${categories}" th:value="${cat.nom}" th:text="${cat.nom}" th:selected="${categorieFilter == cat.nom}"></option>
+                                </select>
+                            </td>
+                            <td class="py-2 px-3">
+                                <input type="text" id="filterLicence" name="licence" form="filter-form" th:value="${licenceFilter}" placeholder="Filtrer N°..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                            </td>
+                            <td class="py-2 px-3">
+                                <input type="text" id="filterEmail" name="email" form="filter-form" th:value="${emailFilter}" placeholder="Filtrer Email..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                            </td>
+                            <td class="py-2 px-3">
+                                <input type="text" id="filterTelephone" name="telephone" form="filter-form" th:value="${telephoneFilter}" placeholder="Filtrer Tél..." class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                            </td>
+                            <td class="py-2 px-3">
+                                <select id="filterPaiement" name="paiement" form="filter-form" class="w-full border border-gray-300 rounded px-2 py-1 text-xs focus:ring-1 focus:ring-blue-500 focus:outline-none">
+                                    <option value="">Tous</option>
+                                    <option value="A_JOUR" th:selected="${paiementFilter == 'A_JOUR'}">À jour</option>
+                                    <option value="RESTE" th:selected="${paiementFilter == 'RESTE'}">Reste à payer</option>
+                                    <option value="AUCUNE" th:selected="${paiementFilter == 'AUCUNE'}">Aucune licence</option>
+                                </select>
+                            </td>
+                            <td class="py-2 px-3"></td>
+                        </tr>
+                    </thead>
                         <tbody class="divide-y divide-gray-200 text-sm">
                             <tr th:if="${#lists.isEmpty(adherents)}">
                                 <td colspan="8" class="py-8 text-center text-gray-500">Aucun adhérent enregistré.</td>
@@ -127,7 +128,6 @@
                             </tr>
                         </tbody>
                     </table>
-                </form>
 
                 <!-- Pagination Footer -->
                 <div class="px-6 py-4 border-t border-gray-200 flex items-center justify-between bg-gray-50 text-sm text-gray-700">