feat: Validation du dossier d'inscription en affectant l'élève à une

classe de son niveau / création d'une fenêtre de visualisation d'une
classe (en cours)

Front-End/src/app/[locale]/admin/subscriptions/page.js

@@ -4,13 +4,13 @@ import Table from '@/components/Table';
 import Tab from '@/components/Tab';
 import { useTranslations } from 'next-intl';
 import StatusLabel from '@/components/StatusLabel';
-import { Search } from 'lucide-react';
 import Popup from '@/components/Popup';
 import Loader from '@/components/Loader';
 import AlertWithModal from '@/components/AlertWithModal';
 import { useRouter } from 'next/navigation';
 import DropdownMenu from '@/components/DropdownMenu';
 import {
+  Search,
   MoreVertical,
   Send,
   Edit,
@@ -22,7 +22,6 @@ import {
 } from 'lucide-react';
 import Modal from '@/components/Modal';
 import InscriptionForm from '@/components/Inscription/InscriptionForm';
-import AffectationClasseForm from '@/components/AffectationClasseForm';
 import { useEstablishment } from '@/context/EstablishmentContext';
 
 import {
@@ -94,7 +93,6 @@ export default function Page({ params: { locale } }) {
   const [schoolFileMasters, setSchoolFileMasters] = useState([]);
   const [parentFileMasters, setParentFileMasters] = useState([]);
   const [isOpen, setIsOpen] = useState(false);
-  const [isOpenAffectationClasse, setIsOpenAffectationClasse] = useState(false);
   const [student, setStudent] = useState('');
   const [classes, setClasses] = useState([]);
   const [students, setEleves] = useState([]);
@@ -142,11 +140,6 @@ export default function Page({ params: { locale } }) {
     setIsOpen(false);
   };
 
-  const openModalAssociationEleve = (eleveSelected) => {
-    setIsOpenAffectationClasse(true);
-    setStudent(eleveSelected);
-  };
-
   const openFilesModal = (row) => {
     setSelectedRegisterForm(row || []);
     setIsFilesModalOpen(true);
@@ -453,17 +446,6 @@ export default function Page({ params: { locale } }) {
     setConfirmPopupVisible(true);
   };
 
-  const affectationClassFormSubmitHandler = (formdata) => {
-    editRegisterForm(student.id, formData, csrfToken)
-      .then((data) => {
-        logger.debug('Success:', data);
-        setReloadFetch(true);
-      })
-      .catch((error) => {
-        logger.error('Error :', error);
-      });
-  };
-
   const updateStatusAction = (id, newStatus) => {
     logger.debug(
       `Mise à jour du statut du dossier d'inscription avec l'ID : ${id} vers le statut : ${newStatus}`
@@ -785,7 +767,7 @@ export default function Page({ params: { locale } }) {
             </span>
           ),
           onClick: () => {
-            const url = `${FE_ADMIN_SUBSCRIPTIONS_VALIDATE_URL}?studentId=${row.student.id}&firstName=${row.student.first_name}&lastName=${row.student.last_name}&sepa_file=${row.sepa_file}&student_file=${row.registration_file}`;
+            const url = `${FE_ADMIN_SUBSCRIPTIONS_VALIDATE_URL}?studentId=${row.student.id}&firstName=${row.student.first_name}&lastName=${row.student.last_name}&level=${row.student.level}&sepa_file=${row.sepa_file}&student_file=${row.registration_file}`;
             router.push(`${url}`);
           },
         },
@@ -1141,20 +1123,6 @@ export default function Page({ params: { locale } }) {
               )}
             />
           )}
-          {isOpenAffectationClasse && (
-            <Modal
-              isOpen={isOpenAffectationClasse}
-              setIsOpen={setIsOpenAffectationClasse}
-              title="Affectation à une classe"
-              ContentComponent={() => (
-                <AffectationClasseForm
-                  students={students}
-                  onSubmit={affectationClassFormSubmitHandler}
-                  classes={classes}
-                />
-              )}
-            />
-          )}
           {isSepaUploadModalOpen && (
             <Modal
               isOpen={isSepaUploadModalOpen}

Front-End/src/app/[locale]/admin/subscriptions/validateSubscription/page.js

@@ -1,11 +1,13 @@
 'use client';
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
 import ValidateSubscription from '@/components/Inscription/ValidateSubscription';
 import { editRegisterFormWithBinaryFile } from '@/app/actions/subscriptionAction';
+import { fetchClasses } from '@/app/actions/schoolAction';
 import { useCsrfToken } from '@/context/CsrfContext';
 import logger from '@/utils/logger';
 import Loader from '@/components/Loader';
+import { useEstablishment } from '@/context/EstablishmentContext';
 import { FE_ADMIN_SUBSCRIPTIONS_URL } from '@/utils/Url';
 
 export default function Page() {
@@ -17,10 +19,38 @@ export default function Page() {
   const studentId = searchParams.get('studentId');
   const firstName = searchParams.get('firstName');
   const lastName = searchParams.get('lastName');
-  const sepa_file = searchParams.get('sepa_file');
+  const level = searchParams.get('level');
+  const sepa_file =
+    searchParams.get('sepa_file') === 'null'
+      ? null
+      : searchParams.get('sepa_file');
   const student_file = searchParams.get('student_file');
 
+  const [classes, setClasses] = useState([]);
+
   const csrfToken = useCsrfToken();
+  const { selectedEstablishmentId } = useEstablishment();
+
+  const requestErrorHandler = (err) => {
+    logger.error('Error fetching data:', err);
+  };
+
+  useEffect(() => {
+    if (selectedEstablishmentId) {
+      fetchClasses(selectedEstablishmentId)
+        .then((classesData) => {
+          logger.debug('Classes récupérées :', classesData);
+
+          // Filtrer les classes par niveau
+          const filteredClasses = classesData.filter(
+            (classe) => classe.levels.includes(parseInt(level, 10)) // Vérifier si le niveau de l'étudiant est dans les niveaux de la classe
+          );
+
+          setClasses(filteredClasses); // Mettre à jour les classes filtrées
+        })
+        .catch(requestErrorHandler);
+    }
+  }, [selectedEstablishmentId]);
 
   const handleAcceptRF = (data) => {
     const formData = new FormData();
@@ -41,7 +71,7 @@ export default function Page() {
       });
   };
 
-  if (isLoading) {
+  if (isLoading || classes.length === 0) {
     return <Loader />;
   }
 
@@ -53,6 +83,7 @@ export default function Page() {
       sepa_file={sepa_file}
       student_file={student_file}
       onAccept={handleAcceptRF}
+      classes={classes}
     />
   );
 }