feat: harmonisation de la taille de police dans les champs de motivation (étape4 et 5) - Ajout du paramètre fontSize au CustomDecoratedTextField - Taille de police fixée à 18px pour une meilleure lisibilité

frontend/lib/screens/auth/parent_register_step5_screen.dart

@@ -4,37 +4,61 @@ import '../../models/user_registration_data.dart'; // Utilisation du vrai modèl
 import '../../widgets/image_button.dart'; // Import du ImageButton
 import '../../models/card_assets.dart'; // Import des enums de cartes
 import 'package:flutter/foundation.dart' show kIsWeb;
+import '../../widgets/custom_decorated_text_field.dart'; // Import du CustomDecoratedTextField
 
 // Nouvelle méthode helper pour afficher un champ de type "lecture seule" stylisé
 Widget _buildDisplayFieldValue(BuildContext context, String label, String value, {bool multiLine = false, double fieldHeight = 50.0, double labelFontSize = 18.0}) {
   const FontWeight labelFontWeight = FontWeight.w600;
 
+  // Ne pas afficher le label si labelFontSize est 0 ou si label est vide
+  bool showLabel = label.isNotEmpty && labelFontSize > 0;
+
   return Column(
     crossAxisAlignment: CrossAxisAlignment.start,
     children: [
-      Text(label, style: GoogleFonts.merienda(fontSize: labelFontSize, fontWeight: labelFontWeight)),
-      const SizedBox(height: 4),
-      Container(
-        width: double.infinity, // Prendra la largeur allouée par son parent (Expanded)
-        height: multiLine ? null : fieldHeight, // Hauteur flexible pour multiligne, sinon fixe
-        constraints: multiLine ? const BoxConstraints(minHeight: 50.0) : null, // Hauteur min pour multiligne
-        padding: const EdgeInsets.symmetric(horizontal: 18.0, vertical: 12.0), // Ajuster au besoin
-        decoration: BoxDecoration(
-          image: const DecorationImage(
-            image: AssetImage('assets/images/input_field_bg.png'), // Image de fond du champ
-            fit: BoxFit.fill,
+      if (showLabel)
+        Text(label, style: GoogleFonts.merienda(fontSize: labelFontSize, fontWeight: labelFontWeight)),
+      if (showLabel)
+        const SizedBox(height: 4),
+      // Utiliser Expanded si multiLine et pas de hauteur fixe, sinon Container
+      multiLine && fieldHeight == null 
+        ? Expanded(
+            child: Container(
+              width: double.infinity,
+              padding: const EdgeInsets.symmetric(horizontal: 18.0, vertical: 12.0),
+              decoration: BoxDecoration(
+                image: const DecorationImage(
+                  image: AssetImage('assets/images/input_field_bg.png'),
+                  fit: BoxFit.fill,
+                ),
+              ),
+              child: SingleChildScrollView( // Pour le défilement si le texte dépasse
+                child: Text(
+                  value.isNotEmpty ? value : '-',
+                  style: GoogleFonts.merienda(fontSize: labelFontSize > 0 ? labelFontSize : 18.0), // Garder une taille de texte par défaut si label caché
+                  maxLines: null, // Permettre un nombre illimité de lignes
+                ),
+              ),
+            ),
+          )
+        : Container(
+            width: double.infinity,
+            height: multiLine ? null : fieldHeight,
+            constraints: multiLine ? BoxConstraints(minHeight: fieldHeight) : null,
+            padding: const EdgeInsets.symmetric(horizontal: 18.0, vertical: 12.0),
+            decoration: BoxDecoration(
+              image: const DecorationImage(
+                image: AssetImage('assets/images/input_field_bg.png'),
+                fit: BoxFit.fill,
+              ),
+            ),
+            child: Text(
+              value.isNotEmpty ? value : '-',
+              style: GoogleFonts.merienda(fontSize: labelFontSize > 0 ? labelFontSize : 18.0),
+              maxLines: multiLine ? null : 1,
+              overflow: multiLine ? TextOverflow.visible : TextOverflow.ellipsis,
+            ),
           ),
-          // Si votre image input_field_bg.png a des coins arrondis intrinsèques, ce borderRadius n'est pas nécessaire
-          // ou doit correspondre. Sinon, pour une image rectangulaire, vous pouvez l'ajouter.
-          // borderRadius: BorderRadius.circular(12), 
-        ),
-        child: Text(
-          value.isNotEmpty ? value : '-',
-          style: GoogleFonts.merienda(fontSize: labelFontSize),
-          maxLines: multiLine ? null : 1, // Permet plusieurs lignes si multiLine est true
-          overflow: multiLine ? TextOverflow.visible : TextOverflow.ellipsis,
-        ),
-      ),
     ],
   );
 }
@@ -154,10 +178,7 @@ class ParentRegisterStep5Screen extends StatelessWidget {
                           onPressed: () {
                             Navigator.of(context).pushNamed(
                               '/parent-register/step3',
-                              arguments: {
-                                'registrationData': registrationData,
-                                'childIndex': index,
-                              },
+                              arguments: registrationData,
                             );
                           },
                           tooltip: 'Modifier',
@@ -243,16 +264,22 @@ class ParentRegisterStep5Screen extends StatelessWidget {
 
   // Méthode pour construire la carte Motivation
   Widget _buildMotivationCard(BuildContext context, String motivation) {
-     List<Widget> details = [
-       Text(motivation.isNotEmpty ? motivation : 'Aucune motivation renseignée.', 
-            style: GoogleFonts.merienda(fontSize: 18),
-            maxLines: 4, 
-            overflow: TextOverflow.ellipsis)
-     ];
     return _SummaryCard(
-      backgroundImagePath: CardColorHorizontal.pink.path,
+      backgroundImagePath: CardColorHorizontal.green.path,
       title: 'Votre Motivation',
-      content: details,
+      content: [
+        Expanded(
+          child: CustomDecoratedTextField(
+            controller: TextEditingController(text: motivation),
+            hintText: 'Aucune motivation renseignée.',
+            fieldHeight: 200,
+            maxLines: 10,
+            expandDynamically: true,
+            readOnly: true,
+            fontSize: 18.0,
+          ),
+        ),
+      ],
       onEdit: () => Navigator.of(context).pushNamed('/parent-register/step4', arguments: registrationData),
     );
   }
@@ -395,7 +422,7 @@ class _SummaryCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return AspectRatio(
-      aspectRatio: 2.0, // Le ratio largeur/hauteur de nos images de fond
+      aspectRatio: 2.0,
       child: Container(
         padding: const EdgeInsets.symmetric(vertical: 20.0, horizontal: 25.0),
         decoration: BoxDecoration(
@@ -405,31 +432,30 @@ class _SummaryCard extends StatelessWidget {
           ),
           borderRadius: BorderRadius.circular(15),
         ),
-        child: Row(
-          crossAxisAlignment: CrossAxisAlignment.start,
+        child: Column(
           children: [
+            Row(
+              children: [
+                Expanded(
+                  child: Text(
+                    title,
+                    style: GoogleFonts.merienda(fontSize: 28, fontWeight: FontWeight.w600),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+                IconButton(
+                  icon: const Icon(Icons.edit, color: Colors.black54, size: 28),
+                  onPressed: onEdit,
+                  tooltip: 'Modifier',
+                ),
+              ],
+            ),
+            const SizedBox(height: 18),
             Expanded(
               child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisSize: MainAxisSize.min, // Pour que la colonne prenne la hauteur du contenu
-                children: [
-                  Align( // Centrer le titre
-                    alignment: Alignment.center,
-                    child: Text(
-                      title,
-                      style: GoogleFonts.merienda(fontSize: 22, fontWeight: FontWeight.bold, color: Colors.black87), // Police légèrement augmentée
-                    ),
-                  ),
-                  const SizedBox(height: 12), // Espacement ajusté après le titre
-                  ...content,
-                ],
+                children: content,
               ),
             ),
-            IconButton(
-              icon: const Icon(Icons.edit, color: Colors.black54, size: 28), // Icône un peu plus grande
-              onPressed: onEdit,
-              tooltip: 'Modifier',
-            ),
           ],
         ),
       ),