feat: WIP finalisation partie signature des parents [N3WTS-17]

Front-End/src/components/Inscription/DynamicFormsList.js

@@ -1,8 +1,10 @@
 'use client';
 import React, { useState, useEffect } from 'react';
 import FormRenderer from '@/components/Form/FormRenderer';
-import { CheckCircle, Hourglass, FileText } from 'lucide-react';
+import FileUpload from '@/components/Form/FileUpload';
+import { CheckCircle, Hourglass, FileText, Download, Upload } from 'lucide-react';
 import logger from '@/utils/logger';
+import { BASE_URL } from '@/utils/Url';
 
 /**
  * Composant pour afficher et gérer les formulaires dynamiques d'inscription
@@ -10,6 +12,7 @@ import logger from '@/utils/logger';
  * @param {Object} existingResponses - Réponses déjà sauvegardées
  * @param {Function} onFormSubmit - Callback appelé quand un formulaire est soumis
  * @param {Boolean} enable - Si les formulaires sont modifiables
+ * @param {Function} onFileUpload - Callback appelé quand un fichier est sélectionné
  */
 export default function DynamicFormsList({
   schoolFileMasters,
@@ -17,10 +20,12 @@ export default function DynamicFormsList({
   onFormSubmit,
   enable = true,
   onValidationChange,
+  onFileUpload, // nouvelle prop pour gérer l'upload (à passer depuis le parent)
 }) {
   const [currentTemplateIndex, setCurrentTemplateIndex] = useState(0);
   const [formsData, setFormsData] = useState({});
   const [formsValidation, setFormsValidation] = useState({});
+  const fileInputRefs = React.useRef({});
 
   // Initialiser les données avec les réponses existantes
   useEffect(() => {
@@ -138,6 +143,27 @@ export default function DynamicFormsList({
     return schoolFileMasters[currentTemplateIndex];
   };
 
+  // Handler d'upload pour formulaire existant
+  const handleUpload = async (file, selectedFile) => {
+    if (!file || !selectedFile) return;
+    try {
+      if (onFileUpload) {
+        await onFileUpload(file, selectedFile);
+        setFormsValidation((prev) => ({
+          ...prev,
+          [selectedFile.id]: true,
+        }));
+      }
+    } catch (error) {
+      logger.error('Erreur lors de l\'upload du fichier :', error);
+    }
+  };
+
+  const isDynamicForm = (template) =>
+    template.formTemplateData &&
+    Array.isArray(template.formTemplateData.fields) &&
+    template.formTemplateData.fields.length > 0;
+
   if (!schoolFileMasters || schoolFileMasters.length === 0) {
     return (
       <div className="text-center py-8">
@@ -223,13 +249,13 @@ export default function DynamicFormsList({
           <div className="bg-white p-6 rounded-lg shadow-sm border border-gray-200">
             <div className="mb-6">
               <h3 className="text-xl font-semibold text-gray-800 mb-2">
-                {currentTemplate.formMasterData?.title ||
+                {currentTemplate.formTemplateData?.title ||
                   currentTemplate.title ||
                   currentTemplate.name ||
                   'Formulaire sans nom'}
               </h3>
               <p className="text-sm text-gray-600">
-                {currentTemplate.formMasterData?.description ||
+                {currentTemplate.formTemplateData?.description ||
                   currentTemplate.description ||
                   'Veuillez compléter ce formulaire pour continuer votre inscription.'}
               </p>
@@ -239,39 +265,57 @@ export default function DynamicFormsList({
               </div>
             </div>
 
-            {/* Vérifier si le formulaire maître a des données de configuration */}
-            {(currentTemplate.formMasterData?.fields &&
-              currentTemplate.formMasterData.fields.length > 0) ||
-            (currentTemplate.fields && currentTemplate.fields.length > 0) ? (
+            {/* Affichage dynamique ou existant */}
+            {isDynamicForm(currentTemplate) ? (
               <FormRenderer
                 key={currentTemplate.id}
                 formConfig={{
                   id: currentTemplate.id,
                   title:
-                    currentTemplate.formMasterData?.title ||
+                    currentTemplate.formTemplateData?.title ||
                     currentTemplate.title ||
                     currentTemplate.name ||
                     'Formulaire',
                   fields:
-                    currentTemplate.formMasterData?.fields ||
+                    currentTemplate.formTemplateData?.fields ||
                     currentTemplate.fields ||
                     [],
                   submitLabel:
-                    currentTemplate.formMasterData?.submitLabel || 'Valider',
+                    currentTemplate.formTemplateData?.submitLabel || 'Valider',
                 }}
                 onFormSubmit={(formData) =>
                   handleFormSubmit(formData, currentTemplate.id)
                 }
               />
             ) : (
-              <div className="text-center py-8">
-                <FileText className="w-16 h-16 text-gray-300 mx-auto mb-4" />
-                <p className="text-gray-600">
-                  Ce formulaire n&apos;est pas encore configuré.
-                </p>
-                <p className="text-sm text-gray-500 mt-2">
-                  Contactez l&apos;administration pour plus d&apos;informations.
-                </p>
+              // Formulaire existant (PDF, image, etc.)
+              <div className="flex flex-col items-center gap-6">
+                <div className="flex flex-col items-center gap-2">
+                  <FileText className="w-16 h-16 text-gray-400" />
+                  <div className="text-lg font-semibold text-gray-700">
+                    {currentTemplate.name}
+                  </div>
+                  {currentTemplate.file && (
+                    <a
+                      href={`${BASE_URL}${currentTemplate.file}`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="flex items-center gap-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition"
+                      download
+                    >
+                      <Download className="w-5 h-5" />
+                      Télécharger le document
+                    </a>
+                  )}
+                </div>
+                {enable && (
+                  <FileUpload
+                    selectionMessage="Sélectionnez le fichier du document"
+                    onFileSelect={(file) => handleUpload(file, currentTemplate)}
+                    required
+                    enable
+                  />
+                )}
               </div>
             )}
           </div>