feat: Gestion multi-profil multi-école

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

@@ -9,13 +9,15 @@ import { fetchChildren } from '@/app/actions/subscriptionAction';
 import logger from '@/utils/logger';
 import { useSession } from 'next-auth/react';
 import { FE_USERS_LOGIN_URL } from '@/utils/Url';
+import { useEstablishment } from '@/context/EstablishmentContext';
 
 export default function ParentHomePage() {
-
   const [children, setChildren] = useState([]);
   const { data: session, status } = useSession();
   const [userId, setUserId] = useState(null);
   const [currentPage, setCurrentPage] = useState(1);
+  const [establishments, setEstablishments] = useState([]);
+  const { selectedEstablishmentId, setSelectedEstablishmentId } = useEstablishment();
 
   const router = useRouter();
 
@@ -24,21 +26,42 @@ export default function ParentHomePage() {
 
     if (!session) {
       router.push(`${FE_USERS_LOGIN_URL}`);
-    }
-    console.log(session);
-    const userIdFromSession = session.user.user_id;
-    setUserId(userIdFromSession);
+    } else {
+      const userIdFromSession = session.user.user_id;
+      setUserId(userIdFromSession);
 
-    fetchChildren(userIdFromSession).then(data => {
-       setChildren(data);
-    });
-  }, [userId]);
+      const userEstablishments = session.user.roles.map(role => ({
+        id: role.establishment__id,
+        name: role.establishment__name,
+        role_type: role.role_type
+      }));
+      setEstablishments(userEstablishments);
+
+      const storedEstablishmentId = localStorage.getItem('selectedEstablishmentId');
+      if (storedEstablishmentId) {
+        setSelectedEstablishmentId(storedEstablishmentId);
+      } else if (userEstablishments.length > 0) {
+        setSelectedEstablishmentId(userEstablishments[0].id);
+      }
+
+      fetchChildren(userIdFromSession, storedEstablishmentId).then(data => {
+        setChildren(data);
+      });
+    }
+  }, [status, session, selectedEstablishmentId]);
+
+  const handleEstablishmentChange = (e) => {
+    const establishmentId = parseInt(e.target.value, 10);
+    setSelectedEstablishmentId(establishmentId);
+    localStorage.setItem('selectedEstablishmentId', establishmentId);
+  };
 
   function handleEdit(eleveId) {
     // Logique pour éditer le dossier de l'élève
     logger.debug(`Edit dossier for student id: ${eleveId}`);
     router.push(`${FE_PARENTS_EDIT_INSCRIPTION_URL}?id=${userId}&studentId=${eleveId}`);
   }
+
   const actionColumns = [
     { name: 'Action', transform: (row) => row.action },
   ];
@@ -106,6 +129,22 @@ export default function ParentHomePage() {
           <Users className="h-6 w-6 text-emerald-600" />
           Enfants
         </h2>
+        {establishments.length > 1 && (
+          <div className="mb-4">
+            <label className="block text-gray-700 text-sm font-bold mb-2">Sélectionnez un établissement :</label>
+            <select
+              value={selectedEstablishmentId}
+              onChange={handleEstablishmentChange}
+              className="block w-full mt-1 p-2 border border-gray-300 rounded-md"
+            >
+              {establishments.map(establishment => (
+                <option key={establishment.id} value={establishment.id}>
+                  {establishment.name}
+                </option>
+              ))}
+            </select>
+          </div>
+        )}
         <div className="overflow-x-auto">
           <Table
             data={children}