feat: Version 3.6.2 - Correctifs tâches #17-20

- #17: Amélioration gestion des secteurs et statistiques
- #18: Optimisation services API et logs
- #19: Corrections Flutter widgets et repositories
- #20: Fix création passage - détection automatique ope_users.id vs users.id

Suppression dossier web/ (migration vers app Flutter)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/lib/presentation/widgets/payment_method_selection_dialog.dart

@@ -8,13 +8,14 @@ import 'package:geosector_app/presentation/widgets/qr_code_payment_dialog.dart';
 
 /// Dialog de sélection de la méthode de paiement CB
 /// Affiche les options QR Code et/ou Tap to Pay selon la compatibilité
-class PaymentMethodSelectionDialog extends StatelessWidget {
+class PaymentMethodSelectionDialog extends StatefulWidget {
   final PassageModel passage;
   final double amount;
   final String habitantName;
   final StripeConnectService stripeConnectService;
   final PassageRepository? passageRepository;
   final VoidCallback? onTapToPaySelected;
+  final VoidCallback? onQRCodeCompleted;
 
   const PaymentMethodSelectionDialog({
     super.key,
@@ -24,12 +25,61 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
     required this.stripeConnectService,
     this.passageRepository,
     this.onTapToPaySelected,
+    this.onQRCodeCompleted,
   });
 
+  @override
+  State<PaymentMethodSelectionDialog> createState() => _PaymentMethodSelectionDialogState();
+
+  /// Afficher le dialog de sélection de méthode de paiement
+  static Future<void> show({
+    required BuildContext context,
+    required PassageModel passage,
+    required double amount,
+    required String habitantName,
+    required StripeConnectService stripeConnectService,
+    PassageRepository? passageRepository,
+    VoidCallback? onTapToPaySelected,
+    VoidCallback? onQRCodeCompleted,
+  }) {
+    return showDialog(
+      context: context,
+      barrierDismissible: false, // Ne peut pas fermer en cliquant à côté
+      builder: (context) => PaymentMethodSelectionDialog(
+        passage: passage,
+        amount: amount,
+        habitantName: habitantName,
+        stripeConnectService: stripeConnectService,
+        passageRepository: passageRepository,
+        onTapToPaySelected: onTapToPaySelected,
+        onQRCodeCompleted: onQRCodeCompleted,
+      ),
+    );
+  }
+}
+
+class _PaymentMethodSelectionDialogState extends State<PaymentMethodSelectionDialog> {
+  String? _tapToPayUnavailableReason;
+  bool _isCheckingNFC = true;
+
+  @override
+  void initState() {
+    super.initState();
+    _checkTapToPayAvailability();
+  }
+
+  Future<void> _checkTapToPayAvailability() async {
+    final reason = await DeviceInfoService.instance.getTapToPayUnavailableReasonAsync();
+    setState(() {
+      _tapToPayUnavailableReason = reason;
+      _isCheckingNFC = false;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
-    final canUseTapToPay = DeviceInfoService.instance.canUseTapToPay();
-    final amountEuros = amount.toStringAsFixed(2);
+    final canUseTapToPay = !_isCheckingNFC && _tapToPayUnavailableReason == null;
+    final amountEuros = widget.amount.toStringAsFixed(2);
 
     return Dialog(
       shape: RoundedRectangleBorder(
@@ -42,21 +92,12 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
           mainAxisSize: MainAxisSize.min,
           children: [
             // En-tête
-            Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                const Text(
-                  'Règlement CB',
-                  style: TextStyle(
-                    fontSize: 22,
-                    fontWeight: FontWeight.bold,
-                  ),
-                ),
-                IconButton(
-                  icon: const Icon(Icons.close),
-                  onPressed: () => Navigator.of(context).pop(),
-                ),
-              ],
+            const Text(
+              'Règlement CB',
+              style: TextStyle(
+                fontSize: 22,
+                fontWeight: FontWeight.bold,
+              ),
             ),
             const SizedBox(height: 24),
 
@@ -76,7 +117,7 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
                       const SizedBox(width: 12),
                       Expanded(
                         child: Text(
-                          habitantName,
+                          widget.habitantName,
                           style: const TextStyle(
                             fontSize: 16,
                             fontWeight: FontWeight.w500,
@@ -128,23 +169,28 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
               description: 'Le client scanne le code avec son téléphone',
               onPressed: () => _handleQRCodePayment(context),
               color: Colors.blue,
+              isEnabled: true,
             ),
 
-            if (canUseTapToPay) ...[
-              const SizedBox(height: 12),
-              // Bouton Tap to Pay
-              _buildPaymentButton(
-                context: context,
-                icon: Icons.contactless,
-                label: 'Tap to Pay',
-                description: 'Paiement sans contact sur cet appareil',
-                onPressed: () {
-                  Navigator.of(context).pop();
-                  onTapToPaySelected?.call();
-                },
-                color: Colors.green,
-              ),
-            ],
+            const SizedBox(height: 12),
+
+            // Bouton Tap to Pay (toujours affiché, désactivé si non disponible)
+            _buildPaymentButton(
+              context: context,
+              icon: Icons.contactless,
+              label: _isCheckingNFC ? 'Tap to Pay (vérification...)' : 'Tap to Pay',
+              description: canUseTapToPay
+                  ? 'Paiement sans contact sur cet appareil'
+                  : _tapToPayUnavailableReason ?? 'Vérification en cours...',
+              onPressed: canUseTapToPay
+                  ? () {
+                      Navigator.of(context).pop();
+                      widget.onTapToPaySelected?.call();
+                    }
+                  : null,
+              color: Colors.green,
+              isEnabled: canUseTapToPay,
+            ),
 
             const SizedBox(height: 24),
 
@@ -179,18 +225,24 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
     required IconData icon,
     required String label,
     required String description,
-    required VoidCallback onPressed,
+    required VoidCallback? onPressed,
     required Color color,
+    required bool isEnabled,
   }) {
+    // Couleurs selon l'état activé/désactivé
+    final effectiveColor = isEnabled ? color : Colors.grey;
+    final backgroundColor = isEnabled ? color.withOpacity(0.1) : Colors.grey.shade100;
+    final borderColor = isEnabled ? color.withOpacity(0.3) : Colors.grey.shade300;
+
     return InkWell(
-      onTap: onPressed,
+      onTap: isEnabled ? onPressed : null,
       borderRadius: BorderRadius.circular(12),
       child: Container(
         width: double.infinity,
         padding: const EdgeInsets.all(16),
         decoration: BoxDecoration(
-          color: color.withOpacity(0.1),
-          border: Border.all(color: color.withOpacity(0.3), width: 2),
+          color: backgroundColor,
+          border: Border.all(color: borderColor, width: 2),
           borderRadius: BorderRadius.circular(12),
         ),
         child: Row(
@@ -198,36 +250,69 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
             Container(
               padding: const EdgeInsets.all(12),
               decoration: BoxDecoration(
-                color: color.withOpacity(0.2),
+                color: isEnabled ? color.withOpacity(0.2) : Colors.grey.shade200,
                 borderRadius: BorderRadius.circular(8),
               ),
-              child: Icon(icon, color: color, size: 32),
+              child: Icon(
+                icon,
+                color: effectiveColor,
+                size: 32,
+              ),
             ),
             const SizedBox(width: 16),
             Expanded(
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Text(
-                    label,
-                    style: TextStyle(
-                      fontSize: 16,
-                      fontWeight: FontWeight.bold,
-                      color: color,
-                    ),
+                  Row(
+                    children: [
+                      Expanded(
+                        child: Text(
+                          label,
+                          style: TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.bold,
+                            color: effectiveColor,
+                          ),
+                        ),
+                      ),
+                      if (!isEnabled)
+                        Icon(
+                          Icons.lock_outline,
+                          color: Colors.grey.shade600,
+                          size: 20,
+                        ),
+                    ],
                   ),
                   const SizedBox(height: 4),
-                  Text(
-                    description,
-                    style: TextStyle(
-                      fontSize: 13,
-                      color: Colors.grey.shade700,
-                    ),
+                  Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      if (!isEnabled) ...[
+                        Icon(
+                          Icons.warning_amber_rounded,
+                          color: Colors.orange.shade700,
+                          size: 16,
+                        ),
+                        const SizedBox(width: 4),
+                      ],
+                      Expanded(
+                        child: Text(
+                          description,
+                          style: TextStyle(
+                            fontSize: 13,
+                            color: isEnabled ? Colors.grey.shade700 : Colors.orange.shade700,
+                            fontWeight: isEnabled ? FontWeight.normal : FontWeight.w500,
+                          ),
+                        ),
+                      ),
+                    ],
                   ),
                 ],
               ),
             ),
-            Icon(Icons.arrow_forward_ios, color: color, size: 20),
+            if (isEnabled)
+              Icon(Icons.arrow_forward_ios, color: effectiveColor, size: 20),
           ],
         ),
       ),
@@ -238,6 +323,7 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
   Future<void> _handleQRCodePayment(BuildContext context) async {
     // Sauvegarder le navigator avant de fermer les dialogs
     final navigator = Navigator.of(context);
+    bool loaderDisplayed = false;
 
     try {
       // Afficher un loader
@@ -248,19 +334,20 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
           child: CircularProgressIndicator(),
         ),
       );
+      loaderDisplayed = true;
 
       // Créer le Payment Link
-      final amountInCents = (amount * 100).round();
-      debugPrint('🔵 Création Payment Link : ${amountInCents} cents, passage ${passage.id}');
+      final amountInCents = (widget.amount * 100).round();
+      debugPrint('🔵 Création Payment Link : ${amountInCents} cents, passage ${widget.passage.id}');
 
-      final paymentLink = await stripeConnectService.createPaymentLink(
+      final paymentLink = await widget.stripeConnectService.createPaymentLink(
         amountInCents: amountInCents,
-        passageId: passage.id,
-        description: 'Calendrier pompiers - ${habitantName}',
+        passageId: widget.passage.id,
+        description: 'Calendrier pompiers - ${widget.habitantName}',
         metadata: {
-          'passage_id': passage.id.toString(),
-          'habitant_name': habitantName,
-          'adresse': '${passage.numero} ${passage.rue}, ${passage.ville}',
+          'passage_id': widget.passage.id.toString(),
+          'habitant_name': widget.habitantName,
+          'adresse': '${widget.passage.numero} ${widget.passage.rue}, ${widget.passage.ville}',
         },
       );
 
@@ -270,22 +357,18 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
         debugPrint('   ID: ${paymentLink.paymentLinkId}');
       }
 
-      // Fermer le loader
-      navigator.pop();
-      debugPrint('🔵 Loader fermé');
-
       if (paymentLink == null) {
         throw Exception('Impossible de créer le lien de paiement');
       }
 
       // Sauvegarder l'URL du Payment Link dans le passage
-      if (passageRepository != null) {
+      if (widget.passageRepository != null) {
         try {
           debugPrint('🔵 Sauvegarde de l\'URL du Payment Link dans le passage...');
-          final updatedPassage = passage.copyWith(
+          final updatedPassage = widget.passage.copyWith(
             stripePaymentLinkUrl: paymentLink.url,
           );
-          await passageRepository!.updatePassage(updatedPassage);
+          await widget.passageRepository!.updatePassage(updatedPassage);
           debugPrint('✅ URL du Payment Link sauvegardée');
         } catch (e) {
           debugPrint('⚠️ Erreur lors de la sauvegarde de l\'URL: $e');
@@ -293,7 +376,12 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
         }
       }
 
-      // Fermer le dialog de sélection
+      // Fermer le loader
+      navigator.pop();
+      loaderDisplayed = false;
+      debugPrint('🔵 Loader fermé');
+
+      // Fermer le dialog de sélection (seulement en cas de succès)
       navigator.pop();
       debugPrint('🔵 Dialog de sélection fermé');
 
@@ -311,43 +399,25 @@ class PaymentMethodSelectionDialog extends StatelessWidget {
       );
       debugPrint('🔵 Dialog QR Code affiché');
 
+      // Notifier que le QR Code est complété
+      widget.onQRCodeCompleted?.call();
+      debugPrint('✅ Callback onQRCodeCompleted appelé');
+
     } catch (e, stack) {
       debugPrint('❌ Erreur dans _handleQRCodePayment: $e');
       debugPrint('   Stack: $stack');
 
       // Fermer le loader si encore ouvert
-      try {
-        navigator.pop();
-      } catch (_) {}
+      if (loaderDisplayed) {
+        try {
+          navigator.pop();
+        } catch (_) {}
+      }
 
-      // Afficher l'erreur
+      // Afficher l'erreur (le dialogue de sélection reste ouvert)
       if (context.mounted) {
         ApiException.showError(context, e);
       }
     }
   }
-
-  /// Afficher le dialog de sélection de méthode de paiement
-  static Future<void> show({
-    required BuildContext context,
-    required PassageModel passage,
-    required double amount,
-    required String habitantName,
-    required StripeConnectService stripeConnectService,
-    PassageRepository? passageRepository,
-    VoidCallback? onTapToPaySelected,
-  }) {
-    return showDialog(
-      context: context,
-      barrierDismissible: true,
-      builder: (context) => PaymentMethodSelectionDialog(
-        passage: passage,
-        amount: amount,
-        habitantName: habitantName,
-        stripeConnectService: stripeConnectService,
-        passageRepository: passageRepository,
-        onTapToPaySelected: onTapToPaySelected,
-      ),
-    );
-  }
 }