chore: Initial Commit

feat: Gestion des inscriptions [#1] feat(frontend): Création des vues pour le paramétrage de l'école [#2] feat: Gestion du login [#6] fix: Correction lors de la migration des modèle [#8] feat: Révision du menu principal [#9] feat: Ajout d'un footer [#10] feat: Création des dockers compose pour les environnements de développement et de production [#12] doc(ci): Mise en place de Husky et d'un suivi de version automatique [#14]
2026-01-28 23:43:22 +00:00 · 2024-11-18 10:02:58 +01:00
commit af0cd1c840
228 changed files with 22694 additions and 0 deletions
--- a/Front-End/src/components/Inscription/ResponsableInputFields.js
+++ b/Front-End/src/components/Inscription/ResponsableInputFields.js
@ -0,0 +1,103 @@
+import InputText from '@/components/InputText';
+import InputPhone from '@/components/InputPhone';
+import Button from '@/components/Button';
+import React from 'react';
+import { useTranslations } from 'next-intl';
+import 'react-phone-number-input/style.css'
+
+export default function ResponsableInputFields({responsables, onResponsablesChange, addResponsible, deleteResponsable}) {
+    const  t  = useTranslations('ResponsableInputFields');
+
+    return (
+        <div className="space-y-8">
+            {responsables.map((item, index) => (
+                <div className="p-6 bg-gray-50 rounded-lg shadow-sm" key={index}>
+                    <div className='flex justify-between items-center mb-4'>
+                        <h3 className='text-xl font-bold'>{t('responsable')} {index+1}</h3>
+                        {responsables.length > 1 && (
+                            <Button
+                                text={t('delete')}
+                                onClick={() => deleteResponsable(index)}
+                                className="w-32"
+                            />
+                        )}
+                    </div>
+
+                    <input type="hidden" name="idResponsable" value={item.id} />
+
+
+                    <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mb-4'>
+                        <InputText
+                            name="nomResponsable"
+                            type="text"
+                            label={t('lastname')}
+                            value={item.nom}
+                            onChange={(event) => {onResponsablesChange(item.id, "nom", event.target.value)}}
+                        />
+                        <InputText
+                            name="prenomResponsable"
+                            type="text"
+                            label={t('firstname')}
+                            value={item.prenom}
+                            onChange={(event) => {onResponsablesChange(item.id, "prenom", event.target.value)}}
+                        />
+                    </div>
+
+                    <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mb-4'>
+                        <InputText
+                            name="mailResponsable"
+                            type="email"
+                            label={t('email')}
+                            value={item.mail}
+                            onChange={(event) => {onResponsablesChange(item.id, "mail", event.target.value)}}
+                        />
+                        <InputPhone
+                            name="telephoneResponsable"
+                            label={t('phone')}
+                            value={item.telephone}
+                            onChange={(event) => {onResponsablesChange(item.id, "telephone", event)}}
+                        />
+                    </div>
+
+                    <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mb-4'>
+                        <InputText
+                            name="dateNaissanceResponsable"
+                            type="date"
+                            label={t('birthdate')}
+                            value={item.dateNaissance}
+                            onChange={(event) => {onResponsablesChange(item.id, "dateNaissance", event.target.value)}}
+                        />
+                        <InputText
+                            name="professionResponsable"
+                            type="text"
+                            label={t('profession')}
+                            value={item.profession}
+                            onChange={(event) => {onResponsablesChange(item.id, "profession", event.target.value)}}
+                        />
+                    </div>
+
+                    <div className='grid grid-cols-1 gap-4'>
+                        <InputText
+                            name="adresseResponsable"
+                            type="text"
+                            label={t('address')}
+                            value={item.adresse}
+                            onChange={(event) => {onResponsablesChange(item.id, "adresse", event.target.value)}}
+                        />
+                    </div>
+                </div>
+            ))}
+
+            <div className="flex justify-center">
+                <Button
+                    text={t('add_responsible')}
+                    onClick={(e) => addResponsible(e)}
+                    primary
+                    icon={<i className="icon profile-add" />}
+                    type="button"
+                    className="w-64"
+                />
+            </div>
+        </div>
+    );
+}