Ajout du type Intérêt plateforme pour les remboursements

frontend/src/components/RembFormModal.jsx

@@ -20,6 +20,7 @@ const getRatesForYear = (dateStr, pfuRates) => {
 };
 
 const BONUS_VALUES = ['BONUS_PARRAINAGE', 'BONUS_PLATEFORME'];
+const INTERETS_PLATEFORME_VALUE = 'INTERETS_PLATEFORME';
 
 /**
  * RembFormModal — formulaire partagé de saisie/édition d'un remboursement.
@@ -67,6 +68,9 @@ export default function RembFormModal({
   confirmingDelete, setConfirmingDelete,
 }) {
   const isBonus = !locked && BONUS_VALUES.includes(form.investissement_id);
+  const isInteretsPlateforme = !locked && form.investissement_id === INTERETS_PLATEFORME_VALUE;
+  // Modes "plateforme" (pas d'investissement précis) : bonus classique ou intérêts plateforme
+  const isPlateformeMode = isBonus || isInteretsPlateforme;
 
   const rates    = getRatesForYear(form.date_remb, pfuRates);
   const labelPS  = `Prélèvements sociaux${rates ? ` (${fmtRate(rates.prelev_sociaux)})` : ''} (€)`;
@@ -75,8 +79,10 @@ export default function RembFormModal({
 
   const currentInv  = locked
     ? investissements[0]
-    : (!isBonus ? investissements.find(i => i.id === Number(form.investissement_id)) : null);
-  const currentPlat = currentInv ? plateformes.find(p => p.id === currentInv.plateforme_id) : null;
+    : (!isPlateformeMode ? investissements.find(i => i.id === Number(form.investissement_id)) : null);
+  const currentPlat = isInteretsPlateforme
+    ? plateformes.find(p => String(p.id) === String(form.bonus_plateforme_id))
+    : (currentInv ? plateformes.find(p => p.id === currentInv.plateforme_id) : null);
   const hasLocalTax = !isBonus && currentPlat?.fiscalite === 'avec_fiscalite_locale' && currentPlat?.taux_fiscalite_locale;
   const isExonere   = !isBonus && currentInv?.fiscalite_override === 'exonere';
   const isIndicatif = Boolean(isExonere || (!isBonus && currentPlat && currentPlat.fiscalite !== 'flat_tax'));
@@ -127,7 +133,7 @@ export default function RembFormModal({
 
           {/* ── Sélecteur d'investissement (mode non verrouillé uniquement) ── */}
           {!locked && (
-            <div style={{ gridColumn: isBonus ? 'span 1' : 'span 3' }}>
+            <div style={{ gridColumn: isPlateformeMode ? 'span 1' : 'span 3' }}>
               <label>Investissement *</label>
               <InvestissementSelect
                 value={form.investissement_id}
@@ -136,7 +142,7 @@ export default function RembFormModal({
               />
             </div>
           )}
-          {!locked && isBonus && (
+          {!locked && isPlateformeMode && (
             <div>
               <label>Plateforme associée</label>
               <select value={form.bonus_plateforme_id} onChange={e => {
@@ -156,7 +162,7 @@ export default function RembFormModal({
             </div>
           )}
 
-          {/* ── Champs remboursement normal ── */}
+          {/* ── Champs remboursement normal / intérêts plateforme ── */}
           {!isBonus && (<>
             <div style={{ gridColumn: 'span 3', borderTop: '1px solid var(--border)', paddingTop: 4, marginTop: 4 }}>
               <span style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em', color: 'var(--text-muted)' }}>Remboursement</span>
@@ -175,11 +181,13 @@ export default function RembFormModal({
                   onChange={e => onFieldChange('taxe_locale', e.target.value)} />
               </div>
             )}
-            <div>
-              <label>Capital (€)</label>
-              <input type="number" step="0.01" value={form.capital ?? 0}
-                onChange={e => onFieldChange('capital', e.target.value)} />
-            </div>
+            {!isInteretsPlateforme && (
+              <div>
+                <label>Capital (€)</label>
+                <input type="number" step="0.01" value={form.capital ?? 0}
+                  onChange={e => onFieldChange('capital', e.target.value)} />
+              </div>
+            )}
             <div>
               <label>{hasLocalTax ? 'Intérêts bruts après retenue locale (€)' : 'Intérêts bruts (€)'}</label>
               <input type="number" step="0.01" value={form.interets_bruts ?? 0}
@@ -187,11 +195,13 @@ export default function RembFormModal({
                 style={hasLocalTax ? { background: 'var(--surface-2)', color: 'var(--text-muted)', cursor: 'not-allowed' } : undefined}
                 onChange={e => !hasLocalTax && onFieldChange('interets_bruts', e.target.value)} />
             </div>
-            <div>
-              <label>Cashback (€)</label>
-              <input type="number" step="0.01" value={form.cashback ?? 0}
-                onChange={e => onFieldChange('cashback', e.target.value)} />
-            </div>
+            {!isInteretsPlateforme && (
+              <div>
+                <label>Cashback (€)</label>
+                <input type="number" step="0.01" value={form.cashback ?? 0}
+                  onChange={e => onFieldChange('cashback', e.target.value)} />
+              </div>
+            )}
             <div style={{ gridColumn: 'span 3', borderTop: '1px solid var(--border)', paddingTop: 4, marginTop: 4 }}>
               <span style={{ fontSize: 11, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em', color: 'var(--text-muted)' }}>Imposition{isIndicatif ? ' — indicatif' : ''}</span>
             </div>
@@ -228,16 +238,18 @@ export default function RembFormModal({
               <input type="date" required value={form.date_remb || ''}
                 onChange={e => onFieldChange('date_remb', e.target.value)} />
             </div>
+            {!isInteretsPlateforme && (
+              <div>
+                <label>Méthode de remboursement</label>
+                <select value={form.methode_remboursement || 'portefeuille'}
+                  onChange={e => handleMethodeChange(e.target.value)}>
+                  <option value="portefeuille">Porte-monnaie de la plateforme</option>
+                  <option value="compte_courant">Compte courant de l'investisseur</option>
+                </select>
+              </div>
+            )}
             <div>
-              <label>Méthode de remboursement</label>
-              <select value={form.methode_remboursement || 'portefeuille'}
-                onChange={e => handleMethodeChange(e.target.value)}>
-                <option value="portefeuille">Porte-monnaie de la plateforme</option>
-                <option value="compte_courant">Compte courant de l'investisseur</option>
-              </select>
-            </div>
-            <div>
-              {form.methode_remboursement === 'compte_courant' && (
+              {!isInteretsPlateforme && form.methode_remboursement === 'compte_courant' && (
                 <>
                   <label>Compte de réception</label>
                   {comptesInvestisseur?.length > 0 ? (
@@ -276,10 +288,12 @@ export default function RembFormModal({
                 onChange={e => onFieldChange('cashback', e.target.value)} />
             </div>
           )}
-          {!locked && isBonus && (
-            <div style={{ gridColumn: 'span 2' }}>
+          {!locked && isPlateformeMode && (
+            <div style={{ gridColumn: isBonus ? 'span 2' : 'span 3' }}>
               <label>Projet / Commentaire</label>
-              <input type="text" placeholder="Nom du projet sollicité par le filleul…" value={form.notes || ''}
+              <input type="text"
+                placeholder={isBonus ? 'Nom du projet sollicité par le filleul…' : 'Commentaire…'}
+                value={form.notes || ''}
                 onChange={e => onFieldChange('notes', e.target.value)} />
             </div>
           )}