Refactoring

unionflow-mobile-apps/lib/features/cotisations/presentation/pages/cotisation_detail_page.dart

@@ -12,6 +12,7 @@ import '../bloc/cotisations_event.dart';
 import '../bloc/cotisations_state.dart';
 import '../widgets/payment_method_selector.dart';
 import '../widgets/payment_form_widget.dart';
+import '../widgets/wave_payment_widget.dart';
 import '../widgets/cotisation_timeline_widget.dart';
 
 /// Page de détail d'une cotisation
@@ -422,18 +423,61 @@ class _CotisationDetailPageState extends State<CotisationDetailPage>
           );
         }
 
-        return PaymentFormWidget(
-          cotisation: widget.cotisation,
-          onPaymentInitiated: (paymentData) {
-            _cotisationsBloc.add(InitiatePayment(
-              cotisationId: widget.cotisation.id,
-              montant: paymentData['montant'],
-              methodePaiement: paymentData['methodePaiement'],
-              numeroTelephone: paymentData['numeroTelephone'],
-              nomPayeur: paymentData['nomPayeur'],
-              emailPayeur: paymentData['emailPayeur'],
-            ));
-          },
+        return Column(
+          children: [
+            // Widget Wave Money en priorité
+            WavePaymentWidget(
+              cotisation: widget.cotisation,
+              showFullInterface: true,
+              onPaymentInitiated: () {
+                // Feedback visuel lors de l'initiation du paiement
+                ScaffoldMessenger.of(context).showSnackBar(
+                  const SnackBar(
+                    content: Text('Redirection vers Wave Money...'),
+                    backgroundColor: Color(0xFF00D4FF),
+                    duration: Duration(seconds: 2),
+                  ),
+                );
+              },
+            ),
+
+            const SizedBox(height: 16),
+
+            // Séparateur avec texte
+            Row(
+              children: [
+                const Expanded(child: Divider()),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
+                  child: const Text(
+                    'Ou choisir une autre méthode',
+                    style: TextStyle(
+                      color: AppTheme.textSecondary,
+                      fontSize: 12,
+                    ),
+                  ),
+                ),
+                const Expanded(child: Divider()),
+              ],
+            ),
+
+            const SizedBox(height: 16),
+
+            // Formulaire de paiement classique
+            PaymentFormWidget(
+              cotisation: widget.cotisation,
+              onPaymentInitiated: (paymentData) {
+                _cotisationsBloc.add(InitiatePayment(
+                  cotisationId: widget.cotisation.id,
+                  montant: paymentData['montant'],
+                  methodePaiement: paymentData['methodePaiement'],
+                  numeroTelephone: paymentData['numeroTelephone'],
+                  nomPayeur: paymentData['nomPayeur'],
+                  emailPayeur: paymentData['emailPayeur'],
+                ));
+              },
+            ),
+          ],
         );
       },
     );