+
+
+
+
Gestion du contrat : {order.title}
+
Contrat réseau #{order.id} — Renouvellement : {order.period}
+
+
+
+ {/* SECTIONS DES UPGRADES / DOWNGRADES */}
+
Moduler l'infrastructure
+
+ {upgradeOptions.length === 0 ? (
+
+ Aucune modification de forfait n'est disponible pour cette instance actuellement.
+
+ ) : (
+
+ {upgradeOptions.map(([targetId, targetName]) => (
+
+
{targetName}
+
+
+ ))}
+
+ * Le système calculera automatiquement le prorata. Une facture de différence ou une note de crédit sera générée selon votre choix.
+
+
+ )}
+
+ {/* ZONE DANGER : RÉSILIATION */}
+
+
+ Zone Critique
+
+
+
+
Renoncer à l'abonnement
+
+ L'instance restera opérationnelle jusqu'à la fin de la période facturée. Elle sera ensuite détruite et les données effacées.
+
+
+
+
+
+
+
setCustomAlert(null)} />
+
+
+
+
+
PROCÉDURE DE VIREMENT
+
Action manuelle requise pour activer l'instance
+
+
+
+
+
Montant exact à transférer :
+
{invoice.total} {invoice.currency}
+
+
+
+
Bénéficiaire
+
+ GISE CLOUD SERVICES
+
+
+
+
IBAN (Compte Bancaire)
+
+ BE43 XXXX XXXX XXXX {/* 🌟 METS TON VRAI IBAN ICI 🌟 */}
+
+
+
+
Communication Structurée
+
+ {invoice.serie}{invoice.nr}
+
+
+
+
+
+
+
+ L'instance sera provisionnée automatiquement sur l'hyperviseur dès réception des fonds par notre service comptable.
+
+
+
+
+
+
+
+
PASSERELLE SÉCURISÉE
+
Règlement de la facture de provisionnement
+
+
+
+
+
+ Description
+
+ {invoice.lines && invoice.lines.length > 0 ? invoice.lines[0].title : 'Instance Cloud'}
+
+ Facture N° {invoice.serie}{invoice.nr}
+
+
+ Montant TTC
+ {invoice.total} {invoice.currency}
+
+
+
+
+ Sélectionner un canal de paiement
+
+
+
+ {gateways.length === 0 ? (
+
+ Aucun terminal de paiement n'est configuré sur l'infrastructure (FOSSBilling).
+
+ ) : (
+ gateways.map((gw) => {
+ const style = getGatewayStyle(gw.title);
+ const isSelected = selectedMethod === gw.id;
+
+ return (
+
setSelectedMethod(gw.id)}
+ className={`p-4 rounded-xl border cursor-pointer transition-all flex flex-col items-center justify-center gap-3 h-28
+ ${isSelected
+ ? 'border-emerald-500 bg-emerald-500/10 shadow-[0_0_15px_rgba(16,185,129,0.2)]'
+ : `border-gray-800 bg-black/40 ${style.color}`
+ }
+ `}
+ >
+
+ {style.icon}
+
+
+ {gw.title}
+
+
+ );
+ })
+ )}
+
+
+
+
+
+
+
+
+
+