From 1a4ff6fdac2f36a43def534b59eead4a641e7409 Mon Sep 17 00:00:00 2001
From: Youssef <youssef.kaouachi@gmail.com>
Date: Mon, 1 Jun 2026 22:58:41 +0200
Subject: [PATCH] style: display total due, paid, and remaining balance in
 adherents list

---
 .../com/astalange/core/entity/Licence.java    | 10 ++++++
 .../resources/templates/adherents/list.html   | 33 ++++++++++++++++---
 2 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/as-talange-core/src/main/java/com/astalange/core/entity/Licence.java b/as-talange-core/src/main/java/com/astalange/core/entity/Licence.java
index d86bf03..93715ff 100644
--- a/as-talange-core/src/main/java/com/astalange/core/entity/Licence.java
+++ b/as-talange-core/src/main/java/com/astalange/core/entity/Licence.java
@@ -83,6 +83,16 @@ public class Licence {
         return reste.compareTo(BigDecimal.ZERO) < 0 ? BigDecimal.ZERO : reste;
     }
 
+    @Transient
+    public BigDecimal getSommePayee() {
+        if (paiements == null || paiements.isEmpty()) {
+            return BigDecimal.ZERO;
+        }
+        return paiements.stream()
+                .map(Paiement::getMontant)
+                .reduce(BigDecimal.ZERO, BigDecimal::add);
+    }
+
     // Getters and Setters
 
     public Long getId() { return id; }
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 1f61dd3..d6dfd42 100644
--- a/as-talange-web/src/main/resources/templates/adherents/list.html
+++ b/as-talange-web/src/main/resources/templates/adherents/list.html
@@ -120,10 +120,35 @@
                                 th:text="${adherent.getLicenceActuelle() != null and adherent.getLicenceActuelle().numeroLicence != null and !adherent.getLicenceActuelle().numeroLicence.isEmpty() ? adherent.getLicenceActuelle().numeroLicence : '-'}">-</td>
                             <td class="py-4 px-6 text-gray-600" th:text="${adherent.email}">jean@example.com</td>
                             <td class="py-4 px-6 text-gray-600" th:text="${adherent.telephone}">0600000000</td>
-                            <td class="py-4 px-6 text-center">
-                                <span class="px-2 py-1 text-xs font-semibold rounded-full" 
-                                      th:classappend="${adherent.getStatutPaiement() == 'À jour' ? 'bg-green-100 text-green-800' : (adherent.getStatutPaiement() == 'Aucune licence' ? 'bg-gray-100 text-gray-800' : 'bg-red-100 text-red-800')}"
-                                      th:text="${adherent.getStatutPaiement()}">À jour</span>
+                            <td class="py-3 px-4">
+                                <!-- Aucune licence -->
+                                <div th:if="${adherent.getLicenceActuelle() == null}" class="text-center text-gray-400 text-xs italic">
+                                    Aucune licence
+                                </div>
+                                <!-- Détails financiers -->
+                                <div th:if="${adherent.getLicenceActuelle() != null}" class="flex flex-col items-center space-y-1">
+                                    <!-- Badge Statut -->
+                                    <span class="px-2 py-0.5 text-[9px] font-bold rounded-full uppercase tracking-wider"
+                                          th:classappend="${adherent.getLicenceActuelle().getResteAPayer().compareTo(T(java.math.BigDecimal).ZERO) == 0 ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}"
+                                          th:text="${adherent.getLicenceActuelle().getResteAPayer().compareTo(T(java.math.BigDecimal).ZERO) == 0 ? 'À jour' : 'Reste à payer'}">
+                                        À jour
+                                    </span>
+                                    <!-- Tableau/Liste miniature des montants -->
+                                    <div class="text-[11px] font-mono text-gray-600 bg-gray-50 p-1.5 rounded-lg border border-gray-100 w-28 space-y-0.5 shadow-2xs mx-auto">
+                                        <div class="flex justify-between">
+                                            <span class="text-gray-400">Dû:</span>
+                                            <span class="font-semibold text-gray-800" th:text="|${adherent.getLicenceActuelle().getPrixTotal()} €|">150 €</span>
+                                        </div>
+                                        <div class="flex justify-between">
+                                            <span class="text-gray-400">Payé:</span>
+                                            <span class="font-semibold text-green-600" th:text="|${adherent.getLicenceActuelle().getSommePayee()} €|">100 €</span>
+                                        </div>
+                                        <div class="flex justify-between border-t border-gray-200 pt-0.5 mt-0.5">
+                                            <span class="text-gray-500 font-medium">Reste:</span>
+                                            <span class="font-bold" th:classappend="${adherent.getLicenceActuelle().getResteAPayer().compareTo(T(java.math.BigDecimal).ZERO) == 0 ? 'text-gray-800' : 'text-red-600'}" th:text="|${adherent.getLicenceActuelle().getResteAPayer()} €|">50 €</span>
+                                        </div>
+                                    </div>
+                                </div>
                             </td>
                             <td class="py-4 px-6 text-right flex justify-end space-x-3 items-center">
                                 <a th:href="@{/adherents/{id}/edit(id=${adherent.id})}" class="text-indigo-600 hover:text-indigo-900 font-medium bg-indigo-50 px-3 py-1 rounded-lg">Voir / Modifier</a>