From f4db83591fce915eb07492145cb9e0e4f7d45a24 Mon Sep 17 00:00:00 2001
From: Olivier <olivier@croguennec.net>
Date: Tue, 16 Jun 2026 20:08:22 +0200
Subject: [PATCH] =?UTF-8?q?am=C3=A9lioration=20de=20l'affichage=20des=20pr?=
 =?UTF-8?q?ojections?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/InvestissementDetail.jsx | 35 +++++++++++++++++++--
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/InvestissementDetail.jsx b/frontend/src/pages/InvestissementDetail.jsx
index c90f41d..11fb918 100644
--- a/frontend/src/pages/InvestissementDetail.jsx
+++ b/frontend/src/pages/InvestissementDetail.jsx
@@ -1199,6 +1199,19 @@ export default function InvestissementDetail() {
                 const interets  = netMode
                   ? (s.interets_prevus || 0) * (1 - reduction)
                   : (s.interets_prevus || 0);
+
+                // Montants réels pour comparaison
+                const interetsReels = isPaid
+                  ? (netMode ? (matched.interets_nets || 0) : (matched.interets_bruts || 0))
+                  : null;
+                const totalRecu = isPaid
+                  ? (netMode
+                      ? (matched.net_recu || 0)
+                      : (matched.capital || 0) + (matched.cashback || 0) + (matched.interets_bruts || 0))
+                  : null;
+                const interetsDiffers = isPaid && Math.abs(interetsReels - interets) > 0.01;
+                const totalDiffers    = isPaid && Math.abs(totalRecu - s.total_prevu) > 0.01;
+
                 return (
                   <tr
                     key={s.id}
@@ -1211,8 +1224,24 @@ export default function InvestissementDetail() {
                     <td className="num">{s.numero_echeance}</td>
                     <td>{fmtDate(s.date_prevue)}</td>
                     <td className="num">{fmtEUR(s.capital_prevu)}</td>
-                    <td className="num">{fmtEUR(interets)}</td>
-                    <td className="num"><strong>{fmtEUR(s.total_prevu)}</strong></td>
+                    <td className="num">
+                      {interetsDiffers ? (
+                        <span style={{ display: 'inline-flex', alignItems: 'baseline', gap: 5 }}>
+                          <span style={{ textDecoration: 'line-through', color: 'var(--text-muted)', fontWeight: 400 }}>{fmtEUR(interets)}</span>
+                          <span>{fmtEUR(interetsReels)}</span>
+                        </span>
+                      ) : fmtEUR(interets)}
+                    </td>
+                    <td className="num">
+                      {totalDiffers ? (
+                        <span style={{ display: 'inline-flex', alignItems: 'baseline', gap: 5 }}>
+                          <span style={{ textDecoration: 'line-through', color: 'var(--text-muted)', fontWeight: 400 }}>{fmtEUR(s.total_prevu)}</span>
+                          <strong>{fmtEUR(totalRecu)}</strong>
+                        </span>
+                      ) : (
+                        <strong>{fmtEUR(s.total_prevu)}</strong>
+                      )}
+                    </td>
                     <td>
                       {isPaid
                         ? <span style={{ color: 'var(--success, #22c55e)', fontSize: 12, fontWeight: 600 }}>
@@ -2390,4 +2419,4 @@ export default function InvestissementDetail() {
       />
     </>
   );
-}
+}
\ No newline at end of file