Refactoring + Checkpoint

lib/presentation/widgets/fields/attendees_field.dart

@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+
+/// Un champ pour saisir le nombre maximum de participants à un événement.
+/// Il est conçu pour permettre à l'utilisateur de saisir un nombre entier.
+class AttendeesField extends StatelessWidget {
+  // Définition de la fonction de rappel pour sauver la valeur saisie.
+  final Function(int) onSaved;
+
+  // Le constructeur prend une fonction de rappel pour sauvegarder la valeur saisie.
+  const AttendeesField({Key? key, required this.onSaved}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    // Retourne un widget de type Column pour organiser le texte et le champ de saisie.
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        // Texte statique indiquant ce que l'utilisateur doit entrer.
+        const Text(
+          'Nombre maximum de participants', // Le texte est en français et indique le champ à remplir.
+          style: TextStyle(
+            color: Colors.blueGrey, // Couleur du texte
+            fontSize: 16,
+            fontWeight: FontWeight.bold, // Met en gras pour la visibilité
+          ),
+        ),
+        const SizedBox(height: 8), // Espacement entre le titre et le champ de saisie.
+        TextFormField(
+          keyboardType: TextInputType.number, // Le champ attend un nombre entier.
+          decoration: InputDecoration(
+            hintStyle: const TextStyle(color: Colors.blueGrey),
+            hintText: 'Entrez ici le nombre maximum de participants...', // L'invite pour aider l'utilisateur.
+            filled: true, // Le champ est rempli avec une couleur de fond.
+            fillColor: Colors.blueGrey.withOpacity(0.1), // Couleur de fond du champ avec opacité.
+            border: const OutlineInputBorder(
+              borderRadius: BorderRadius.all(Radius.circular(12.0)), // Bordure arrondie
+              borderSide: BorderSide.none, // Pas de bordure par défaut
+            ),
+            enabledBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.all(Radius.circular(12.0)),
+              borderSide: const BorderSide(
+                color: Colors.blueGrey, // Bordure de base
+                width: 1.5,
+              ),
+            ),
+            focusedBorder: OutlineInputBorder(
+              borderRadius: BorderRadius.all(Radius.circular(12.0)),
+              borderSide: const BorderSide(
+                color: Colors.blue, // Bordure en bleu lors du focus
+                width: 2.0,
+              ),
+            ),
+            prefixIcon: const Icon(
+              Icons.group,
+              color: Colors.blueGrey, // Icône assortie
+            ),
+          ),
+          style: const TextStyle(
+            color: Colors.blueGrey, // Couleur du texte saisi
+            fontSize: 16.0, // Taille de police
+            fontWeight: FontWeight.w600, // Poids de la police pour la lisibilité
+          ),
+          onChanged: (value) {
+            // Lors de chaque modification de texte, on tente de convertir la valeur en entier.
+            int? maxParticipants = int.tryParse(value) ?? 0; // Conversion en entier, avec une valeur par défaut de 0.
+            print('Nombre maximum de participants saisi : $maxParticipants'); // Log pour suivre la valeur saisie.
+            onSaved(maxParticipants); // Appel de la fonction onSaved pour transmettre la valeur au formulaire principal.
+          },
+          validator: (value) {
+            // Validation pour vérifier si la valeur est un nombre valide.
+            if (value == null || value.isEmpty) {
+              return 'Veuillez entrer un nombre de participants';
+            }
+            return null; // La validation est correcte si la valeur est un nombre
+          },
+        ),
+      ],
+    );
+  }
+}