From 1e85655540c27dbcb27d4866ae16aa56c355c68e Mon Sep 17 00:00:00 2001
From: Youssef <youssef.kaouachi@gmail.com>
Date: Fri, 7 Aug 2026 23:55:46 +0200
Subject: [PATCH] =?UTF-8?q?feat(equipement):=20ajout=20d'un=20indicateur?=
 =?UTF-8?q?=20visuel=20pour=20les=20=C3=A9quipements=20sans=20r=C3=A9f?=
 =?UTF-8?q?=C3=A9rence?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/parametrage/equipements_list.html     | 13 ++++++++++++-
 .../parametrage/equipements_recherche.html          | 10 +++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/as-talange-web/src/main/resources/templates/parametrage/equipements_list.html b/as-talange-web/src/main/resources/templates/parametrage/equipements_list.html
index 1eeed9b..5a04f2f 100644
--- a/as-talange-web/src/main/resources/templates/parametrage/equipements_list.html
+++ b/as-talange-web/src/main/resources/templates/parametrage/equipements_list.html
@@ -31,16 +31,27 @@
                     <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 de l'équipement</th>
+                            <th class="py-3 px-6 font-medium text-left">Référence</th>
                             <th class="py-3 px-6 font-medium text-left">Description</th>
                             <th class="py-3 px-6 font-medium text-right">Actions</th>
                         </tr>
                     </thead>
                     <tbody class="divide-y divide-gray-200 text-sm">
                         <tr th:if="${#lists.isEmpty(equipements)}">
-                            <td colspan="3" class="py-8 text-center text-gray-500">Aucun équipement n'est paramétré.</td>
+                            <td colspan="4" class="py-8 text-center text-gray-500">Aucun équipement n'est paramétré.</td>
                         </tr>
                         <tr th:each="equip : ${equipements}" class="hover:bg-gray-50 transition-colors">
                             <td class="py-4 px-6 font-medium text-gray-900" th:text="${equip.nom}">Maillot</td>
+                            <td class="py-4 px-6">
+                                <span th:if="${equip.reference != null and !equip.reference.trim().isEmpty()}"
+                                      class="font-mono text-xs text-gray-700 bg-gray-100 border border-gray-200 px-2.5 py-1 rounded-md font-semibold"
+                                      th:text="${equip.reference}">REF-001</span>
+                                <span th:if="${equip.reference == null or equip.reference.trim().isEmpty()}"
+                                      class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-amber-50 text-amber-700 border border-amber-200" title="Référence non renseignée - Cliquez sur Modifier pour l'ajouter">
+                                    <svg class="w-3.5 h-3.5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
+                                    Non renseignée
+                                </span>
+                            </td>
                             <td class="py-4 px-6 text-gray-600" th:text="${equip.description != null ? equip.description : '-'}">Maillot de match officiel</td>
                             <td class="py-4 px-6 text-right flex justify-end space-x-3 items-center">
                                 <a th:href="@{/equipements/{id}/edit(id=${equip.id})}" class="text-indigo-600 hover:text-indigo-900 font-medium bg-indigo-50 px-3 py-1 rounded-lg">Modifier</a>
diff --git a/as-talange-web/src/main/resources/templates/parametrage/equipements_recherche.html b/as-talange-web/src/main/resources/templates/parametrage/equipements_recherche.html
index bdbb672..0030774 100644
--- a/as-talange-web/src/main/resources/templates/parametrage/equipements_recherche.html
+++ b/as-talange-web/src/main/resources/templates/parametrage/equipements_recherche.html
@@ -98,7 +98,15 @@
                             </td>
                             <td class="py-3 px-4 text-gray-600" th:text="${dotation.licence.categorie != null ? dotation.licence.categorie.nom : '-'}">Catégorie</td>
                             <td class="py-3 px-4 text-gray-900 font-medium" th:text="${dotation.equipement != null ? dotation.equipement.nom : '-'}">Maillot</td>
-                            <td class="py-3 px-4 text-gray-600 font-mono text-xs" th:text="${dotation.equipement != null && dotation.equipement.reference != null ? dotation.equipement.reference : '-'}">REF-01</td>
+                            <td class="py-3 px-4">
+                                <span th:if="${dotation.equipement != null && dotation.equipement.reference != null && !dotation.equipement.reference.trim().isEmpty()}"
+                                      class="font-mono text-xs text-gray-700 bg-gray-100 border border-gray-200 px-2 py-0.5 rounded font-semibold"
+                                      th:text="${dotation.equipement.reference}">REF-01</span>
+                                <span th:unless="${dotation.equipement != null && dotation.equipement.reference != null && !dotation.equipement.reference.trim().isEmpty()}"
+                                      class="inline-flex items-center gap-1 px-2 py-0.5 rounded text-[10px] font-semibold bg-amber-50 text-amber-700 border border-amber-200" title="Référence non renseignée sur cet équipement">
+                                    ⚠️ Non renseignée
+                                </span>
+                            </td>
                             <td class="py-3 px-4 text-gray-600">
                                 <div th:text="'T: ' + (${dotation.taille != null && !dotation.taille.isEmpty() ? dotation.taille : '-'})">Taille</div>
                                 <div th:if="${dotation.flocage != null && !dotation.flocage.isEmpty()}" th:text="'F: ' + ${dotation.flocage}">Flocage</div>