From 4294cd5212e9095c025989e8be1423bd1855775e Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 14:53:25 +0000
Subject: [PATCH 1/2] =?UTF-8?q?feat(i18n):=20authentification=20=E2=80=94?=
 =?UTF-8?q?=20mot=20de=20passe=20oubli=C3=A9,=202FA,=20v=C3=A9rification?=
 =?UTF-8?q?=20e-mail,=20confirmation=20&=20r=C3=A9initialisation=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/auth.php                              | 48 +++++++++++++++++++
 lang/fr/auth.php                              | 48 +++++++++++++++++++
 resources/js/pages/auth/confirm-password.tsx  | 14 +++---
 resources/js/pages/auth/forgot-password.tsx   | 18 +++----
 resources/js/pages/auth/reset-password.tsx    | 20 ++++----
 .../js/pages/auth/two-factor-challenge.tsx    | 26 +++++-----
 resources/js/pages/auth/verify-email.tsx      | 15 +++---
 7 files changed, 146 insertions(+), 43 deletions(-)

diff --git a/lang/en/auth.php b/lang/en/auth.php
index 989bff4d..126adc7f 100644
--- a/lang/en/auth.php
+++ b/lang/en/auth.php
@@ -12,5 +12,53 @@
         'remember' => 'Remember me',
         'submit' => 'Sign in',
     ],
+    'forgot_password' => [
+        'title' => 'Forgot password',
+        'description' => 'Enter your email to receive a password reset link',
+        'email' => 'Email address',
+        'email_placeholder' => 'email@example.com',
+        'submit' => 'Email password reset link',
+        'return_prefix' => 'Or, return to',
+        'login_link' => 'log in',
+    ],
+    'two_factor' => [
+        'head' => 'Two-Factor Authentication',
+        'auth_title' => 'Authentication Code',
+        'auth_description' => 'Enter the authentication code provided by your authenticator application.',
+        'auth_toggle' => 'login using a recovery code',
+        'recovery_title' => 'Recovery Code',
+        'recovery_description' => 'Please confirm access to your account by entering one of your emergency recovery codes.',
+        'recovery_toggle' => 'login using an authentication code',
+        'recovery_placeholder' => 'Enter recovery code',
+        'continue' => 'Continue',
+        'or_you_can' => 'or you can',
+    ],
+    'verify_email' => [
+        'title' => 'Verify email',
+        'description' => 'Please verify your email address by clicking on the link we just emailed to you.',
+        'head' => 'Email verification',
+        'link_sent' => 'A new verification link has been sent to the email address you provided during registration.',
+        'resend' => 'Resend verification email',
+        'logout' => 'Log out',
+    ],
+    'confirm_password' => [
+        'title' => 'Confirm your password',
+        'description' => 'This is a secure area of the application. Please confirm your password before continuing.',
+        'head' => 'Confirm password',
+        'password' => 'Password',
+        'password_placeholder' => 'Password',
+        'submit' => 'Confirm password',
+    ],
+    'reset_password' => [
+        'title' => 'Reset password',
+        'description' => 'Please enter your new password below',
+        'head' => 'Reset password',
+        'email' => 'Email',
+        'password' => 'Password',
+        'password_placeholder' => 'Password',
+        'confirm' => 'Confirm password',
+        'confirm_placeholder' => 'Confirm password',
+        'submit' => 'Reset password',
+    ],
     'logout' => 'Log out',
 ];
diff --git a/lang/fr/auth.php b/lang/fr/auth.php
index 284f3e5a..d9e1c517 100644
--- a/lang/fr/auth.php
+++ b/lang/fr/auth.php
@@ -12,5 +12,53 @@
         'remember' => 'Se souvenir de moi',
         'submit' => 'Se connecter',
     ],
+    'forgot_password' => [
+        'title' => 'Mot de passe oublié',
+        'description' => 'Saisissez votre e-mail pour recevoir un lien de réinitialisation',
+        'email' => 'Adresse e-mail',
+        'email_placeholder' => 'email@exemple.com',
+        'submit' => 'Envoyer le lien de réinitialisation',
+        'return_prefix' => 'Ou revenez à la',
+        'login_link' => 'connexion',
+    ],
+    'two_factor' => [
+        'head' => 'Authentification à deux facteurs',
+        'auth_title' => 'Code d\'authentification',
+        'auth_description' => 'Saisissez le code d\'authentification fourni par votre application d\'authentification.',
+        'auth_toggle' => 'se connecter avec un code de récupération',
+        'recovery_title' => 'Code de récupération',
+        'recovery_description' => 'Confirmez l\'accès à votre compte en saisissant l\'un de vos codes de récupération d\'urgence.',
+        'recovery_toggle' => 'se connecter avec un code d\'authentification',
+        'recovery_placeholder' => 'Saisir le code de récupération',
+        'continue' => 'Continuer',
+        'or_you_can' => 'ou vous pouvez',
+    ],
+    'verify_email' => [
+        'title' => 'Vérifier l\'e-mail',
+        'description' => 'Veuillez vérifier votre adresse e-mail en cliquant sur le lien que nous venons de vous envoyer.',
+        'head' => 'Vérification de l\'e-mail',
+        'link_sent' => 'Un nouveau lien de vérification a été envoyé à l\'adresse e-mail que vous avez fournie lors de l\'inscription.',
+        'resend' => 'Renvoyer l\'e-mail de vérification',
+        'logout' => 'Déconnexion',
+    ],
+    'confirm_password' => [
+        'title' => 'Confirmez votre mot de passe',
+        'description' => 'Ceci est une zone sécurisée de l\'application. Veuillez confirmer votre mot de passe avant de continuer.',
+        'head' => 'Confirmer le mot de passe',
+        'password' => 'Mot de passe',
+        'password_placeholder' => 'Mot de passe',
+        'submit' => 'Confirmer le mot de passe',
+    ],
+    'reset_password' => [
+        'title' => 'Réinitialiser le mot de passe',
+        'description' => 'Veuillez saisir votre nouveau mot de passe ci-dessous',
+        'head' => 'Réinitialiser le mot de passe',
+        'email' => 'E-mail',
+        'password' => 'Mot de passe',
+        'password_placeholder' => 'Mot de passe',
+        'confirm' => 'Confirmer le mot de passe',
+        'confirm_placeholder' => 'Confirmer le mot de passe',
+        'submit' => 'Réinitialiser le mot de passe',
+    ],
     'logout' => 'Déconnexion',
 ];
diff --git a/resources/js/pages/auth/confirm-password.tsx b/resources/js/pages/auth/confirm-password.tsx
index dd3daa34..3aa261bd 100644
--- a/resources/js/pages/auth/confirm-password.tsx
+++ b/resources/js/pages/auth/confirm-password.tsx
@@ -4,27 +4,29 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Spinner } from '@/components/ui/spinner';
+import { useTranslation } from '@/helpers/i18n';
 import AuthLayout from '@/layouts/auth-layout';
 import { store } from '@/routes/password/confirm';
 
 export default function ConfirmPassword() {
+    const { t } = useTranslation();
     return (
         <AuthLayout
-            title="Confirm your password"
-            description="This is a secure area of the application. Please confirm your password before continuing."
+            title={t('auth.confirm_password.title')}
+            description={t('auth.confirm_password.description')}
         >
-            <Head title="Confirm password" />
+            <Head title={t('auth.confirm_password.head')} />
 
             <Form {...store.form()} resetOnSuccess={['password']}>
                 {({ processing, errors }) => (
                     <div className="space-y-6">
                         <div className="grid gap-2">
-                            <Label htmlFor="password">Password</Label>
+                            <Label htmlFor="password">{t('auth.confirm_password.password')}</Label>
                             <Input
                                 id="password"
                                 type="password"
                                 name="password"
-                                placeholder="Password"
+                                placeholder={t('auth.confirm_password.password_placeholder')}
                                 autoComplete="current-password"
                                 autoFocus
                             />
@@ -39,7 +41,7 @@ export default function ConfirmPassword() {
                                 data-test="confirm-password-button"
                             >
                                 {processing && <Spinner />}
-                                Confirm password
+                                {t('auth.confirm_password.submit')}
                             </Button>
                         </div>
                     </div>
diff --git a/resources/js/pages/auth/forgot-password.tsx b/resources/js/pages/auth/forgot-password.tsx
index e3803c40..6c7f304b 100644
--- a/resources/js/pages/auth/forgot-password.tsx
+++ b/resources/js/pages/auth/forgot-password.tsx
@@ -6,17 +6,19 @@ import TextLink from '@/components/text-link';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
+import { useTranslation } from '@/helpers/i18n';
 import AuthLayout from '@/layouts/auth-layout';
 import { login } from '@/routes';
 import { email } from '@/routes/password';
 
 export default function ForgotPassword({ status }: { status?: string }) {
+    const { t } = useTranslation();
     return (
         <AuthLayout
-            title="Forgot password"
-            description="Enter your email to receive a password reset link"
+            title={t('auth.forgot_password.title')}
+            description={t('auth.forgot_password.description')}
         >
-            <Head title="Forgot password" />
+            <Head title={t('auth.forgot_password.title')} />
 
             {status && (
                 <div className="mb-4 text-center text-sm font-medium text-green-600">
@@ -29,14 +31,14 @@ export default function ForgotPassword({ status }: { status?: string }) {
                     {({ processing, errors }) => (
                         <>
                             <div className="grid gap-2">
-                                <Label htmlFor="email">Email address</Label>
+                                <Label htmlFor="email">{t('auth.forgot_password.email')}</Label>
                                 <Input
                                     id="email"
                                     type="email"
                                     name="email"
                                     autoComplete="off"
                                     autoFocus
-                                    placeholder="email@example.com"
+                                    placeholder={t('auth.forgot_password.email_placeholder')}
                                 />
 
                                 <InputError message={errors.email} />
@@ -51,7 +53,7 @@ export default function ForgotPassword({ status }: { status?: string }) {
                                     {processing && (
                                         <LoaderCircle className="h-4 w-4 animate-spin" />
                                     )}
-                                    Email password reset link
+                                    {t('auth.forgot_password.submit')}
                                 </Button>
                             </div>
                         </>
@@ -59,8 +61,8 @@ export default function ForgotPassword({ status }: { status?: string }) {
                 </Form>
 
                 <div className="space-x-1 text-center text-sm text-muted-foreground">
-                    <span>Or, return to</span>
-                    <TextLink href={login()}>log in</TextLink>
+                    <span>{t('auth.forgot_password.return_prefix')}</span>
+                    <TextLink href={login()}>{t('auth.forgot_password.login_link')}</TextLink>
                 </div>
             </div>
         </AuthLayout>
diff --git a/resources/js/pages/auth/reset-password.tsx b/resources/js/pages/auth/reset-password.tsx
index 4a58a4fa..f071ec8c 100644
--- a/resources/js/pages/auth/reset-password.tsx
+++ b/resources/js/pages/auth/reset-password.tsx
@@ -6,6 +6,7 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Spinner } from '@/components/ui/spinner';
+import { useTranslation } from '@/helpers/i18n';
 import AuthLayout from '@/layouts/auth-layout';
 import { update } from '@/routes/password';
 
@@ -15,14 +16,15 @@ type Props = {
 };
 
 export default function ResetPassword({ token, email }: Props) {
+    const { t } = useTranslation();
     const [password, setPassword] = useState('');
 
     return (
         <AuthLayout
-            title="Reset password"
-            description="Please enter your new password below"
+            title={t('auth.reset_password.title')}
+            description={t('auth.reset_password.description')}
         >
-            <Head title="Reset password" />
+            <Head title={t('auth.reset_password.head')} />
 
             <Form
                 {...update.form()}
@@ -32,7 +34,7 @@ export default function ResetPassword({ token, email }: Props) {
                 {({ processing, errors }) => (
                     <div className="grid gap-6">
                         <div className="grid gap-2">
-                            <Label htmlFor="email">Email</Label>
+                            <Label htmlFor="email">{t('auth.reset_password.email')}</Label>
                             <Input
                                 id="email"
                                 type="email"
@@ -49,7 +51,7 @@ export default function ResetPassword({ token, email }: Props) {
                         </div>
 
                         <div className="grid gap-2">
-                            <Label htmlFor="password">Password</Label>
+                            <Label htmlFor="password">{t('auth.reset_password.password')}</Label>
                             <Input
                                 id="password"
                                 type="password"
@@ -57,7 +59,7 @@ export default function ResetPassword({ token, email }: Props) {
                                 autoComplete="new-password"
                                 className="mt-1 block w-full"
                                 autoFocus
-                                placeholder="Password"
+                                placeholder={t('auth.reset_password.password_placeholder')}
                                 onChange={(e) => setPassword(e.target.value)}
                             />
                             <InputError message={errors.password} />
@@ -66,7 +68,7 @@ export default function ResetPassword({ token, email }: Props) {
 
                         <div className="grid gap-2">
                             <Label htmlFor="password_confirmation">
-                                Confirm password
+                                {t('auth.reset_password.confirm')}
                             </Label>
                             <Input
                                 id="password_confirmation"
@@ -74,7 +76,7 @@ export default function ResetPassword({ token, email }: Props) {
                                 name="password_confirmation"
                                 autoComplete="new-password"
                                 className="mt-1 block w-full"
-                                placeholder="Confirm password"
+                                placeholder={t('auth.reset_password.confirm_placeholder')}
                             />
                             <InputError
                                 message={errors.password_confirmation}
@@ -89,7 +91,7 @@ export default function ResetPassword({ token, email }: Props) {
                             data-test="reset-password-button"
                         >
                             {processing && <Spinner />}
-                            Reset password
+                            {t('auth.reset_password.submit')}
                         </Button>
                     </div>
                 )}
diff --git a/resources/js/pages/auth/two-factor-challenge.tsx b/resources/js/pages/auth/two-factor-challenge.tsx
index 011d0c74..9c99de76 100644
--- a/resources/js/pages/auth/two-factor-challenge.tsx
+++ b/resources/js/pages/auth/two-factor-challenge.tsx
@@ -10,10 +10,12 @@ import {
     InputOTPSlot,
 } from '@/components/ui/input-otp';
 import { OTP_MAX_LENGTH } from '@/hooks/use-two-factor-auth';
+import { useTranslation } from '@/helpers/i18n';
 import AuthLayout from '@/layouts/auth-layout';
 import { store } from '@/routes/two-factor/login';
 
 export default function TwoFactorChallenge() {
+    const { t } = useTranslation();
     const [showRecoveryInput, setShowRecoveryInput] = useState<boolean>(false);
     const [code, setCode] = useState<string>('');
 
@@ -24,20 +26,18 @@ export default function TwoFactorChallenge() {
     }>(() => {
         if (showRecoveryInput) {
             return {
-                title: 'Recovery Code',
-                description:
-                    'Please confirm access to your account by entering one of your emergency recovery codes.',
-                toggleText: 'login using an authentication code',
+                title: t('auth.two_factor.recovery_title'),
+                description: t('auth.two_factor.recovery_description'),
+                toggleText: t('auth.two_factor.recovery_toggle'),
             };
         }
 
         return {
-            title: 'Authentication Code',
-            description:
-                'Enter the authentication code provided by your authenticator application.',
-            toggleText: 'login using a recovery code',
+            title: t('auth.two_factor.auth_title'),
+            description: t('auth.two_factor.auth_description'),
+            toggleText: t('auth.two_factor.auth_toggle'),
         };
-    }, [showRecoveryInput]);
+    }, [showRecoveryInput, t]);
 
     const toggleRecoveryMode = (clearErrors: () => void): void => {
         setShowRecoveryInput(!showRecoveryInput);
@@ -50,7 +50,7 @@ export default function TwoFactorChallenge() {
             title={authConfigContent.title}
             description={authConfigContent.description}
         >
-            <Head title="Two-Factor Authentication" />
+            <Head title={t('auth.two_factor.head')} />
 
             <div className="space-y-6">
                 <Form
@@ -66,7 +66,7 @@ export default function TwoFactorChallenge() {
                                     <Input
                                         name="recovery_code"
                                         type="text"
-                                        placeholder="Enter recovery code"
+                                        placeholder={t('auth.two_factor.recovery_placeholder')}
                                         autoFocus={showRecoveryInput}
                                         required
                                     />
@@ -107,11 +107,11 @@ export default function TwoFactorChallenge() {
                                 className="w-full"
                                 disabled={processing}
                             >
-                                Continue
+                                {t('auth.two_factor.continue')}
                             </Button>
 
                             <div className="text-center text-sm text-muted-foreground">
-                                <span>or you can </span>
+                                <span>{t('auth.two_factor.or_you_can')} </span>
                                 <button
                                     type="button"
                                     className="cursor-pointer text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
diff --git a/resources/js/pages/auth/verify-email.tsx b/resources/js/pages/auth/verify-email.tsx
index 6117a1e8..163eabed 100644
--- a/resources/js/pages/auth/verify-email.tsx
+++ b/resources/js/pages/auth/verify-email.tsx
@@ -3,22 +3,23 @@ import { Form, Head } from '@inertiajs/react';
 import TextLink from '@/components/text-link';
 import { Button } from '@/components/ui/button';
 import { Spinner } from '@/components/ui/spinner';
+import { useTranslation } from '@/helpers/i18n';
 import AuthLayout from '@/layouts/auth-layout';
 import { logout } from '@/routes';
 import { send } from '@/routes/verification';
 
 export default function VerifyEmail({ status }: { status?: string }) {
+    const { t } = useTranslation();
     return (
         <AuthLayout
-            title="Verify email"
-            description="Please verify your email address by clicking on the link we just emailed to you."
+            title={t('auth.verify_email.title')}
+            description={t('auth.verify_email.description')}
         >
-            <Head title="Email verification" />
+            <Head title={t('auth.verify_email.head')} />
 
             {status === 'verification-link-sent' && (
                 <div className="mb-4 text-center text-sm font-medium text-green-600">
-                    A new verification link has been sent to the email address
-                    you provided during registration.
+                    {t('auth.verify_email.link_sent')}
                 </div>
             )}
 
@@ -27,14 +28,14 @@ export default function VerifyEmail({ status }: { status?: string }) {
                     <>
                         <Button disabled={processing} variant="secondary">
                             {processing && <Spinner />}
-                            Resend verification email
+                            {t('auth.verify_email.resend')}
                         </Button>
 
                         <TextLink
                             href={logout()}
                             className="mx-auto block text-sm"
                         >
-                            Log out
+                            {t('auth.verify_email.logout')}
                         </TextLink>
                     </>
                 )}

From 5874c2cc44db0ed8a75e78cf3e6308faa6e6d0b5 Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 14:59:37 +0000
Subject: [PATCH 2/2] =?UTF-8?q?feat(i18n):=20=C3=A9l=C3=A8ves=20=E2=80=94?=
 =?UTF-8?q?=20emploi=20du=20temps=20(classe=20&=20enseignant)=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/timetable.php                         | 36 +++++++++++++++
 lang/fr/timetable.php                         | 36 +++++++++++++++
 resources/js/pages/Eleves/Timetable/Index.tsx | 46 ++++++++++---------
 .../js/pages/Eleves/Timetable/Teacher.tsx     | 24 +++++-----
 4 files changed, 109 insertions(+), 33 deletions(-)
 create mode 100644 lang/en/timetable.php
 create mode 100644 lang/fr/timetable.php

diff --git a/lang/en/timetable.php b/lang/en/timetable.php
new file mode 100644
index 00000000..7b7a64c9
--- /dev/null
+++ b/lang/en/timetable.php
@@ -0,0 +1,36 @@
+<?php
+
+return [
+    'head' => 'Timetable',
+    'title' => 'Timetable',
+    'subtitle' => 'Organize class slots per class for the active year.',
+    'teacher_view' => 'Teacher view',
+    'choose_class' => 'Choose a class',
+    'export_pdf' => 'Export to PDF',
+    'select_class_prompt' => 'Select a class to display its timetable.',
+    'add_slot' => 'Add a slot',
+    'subject_fallback' => 'Subject',
+    'edit_slot' => 'Edit slot',
+    'new_slot' => 'New slot',
+    'day' => 'Day',
+    'start' => 'Start',
+    'end' => 'End',
+    'subject' => 'Subject',
+    'choose' => 'Choose',
+    'teacher' => 'Teacher',
+    'room' => 'Room',
+    'room_ph' => 'e.g. Room 12',
+    'cancel' => 'Cancel',
+    'update' => 'Update',
+    'add' => 'Add',
+
+    'head_teacher' => 'Timetable — by teacher',
+    'subtitle_teacher' => 'A teacher\'s schedule for the active year, across all classes.',
+    'choose_teacher' => 'Choose a teacher',
+    'select_teacher_prompt' => 'Select a teacher to display their timetable.',
+    'no_slots_teacher' => 'No slots for this teacher in the active year.',
+    'slot_one' => 'slot',
+    'slot_other' => 'slots',
+    'class_one' => 'class',
+    'class_other' => 'classes',
+];
diff --git a/lang/fr/timetable.php b/lang/fr/timetable.php
new file mode 100644
index 00000000..55bf2602
--- /dev/null
+++ b/lang/fr/timetable.php
@@ -0,0 +1,36 @@
+<?php
+
+return [
+    'head' => 'Emploi du temps',
+    'title' => 'Emploi du temps',
+    'subtitle' => 'Organisez les créneaux de cours par classe pour l\'année active.',
+    'teacher_view' => 'Vue par enseignant',
+    'choose_class' => 'Choisir une classe',
+    'export_pdf' => 'Exporter en PDF',
+    'select_class_prompt' => 'Sélectionnez une classe pour afficher son emploi du temps.',
+    'add_slot' => 'Ajouter un créneau',
+    'subject_fallback' => 'Matière',
+    'edit_slot' => 'Modifier le créneau',
+    'new_slot' => 'Nouveau créneau',
+    'day' => 'Jour',
+    'start' => 'Début',
+    'end' => 'Fin',
+    'subject' => 'Matière',
+    'choose' => 'Choisir',
+    'teacher' => 'Enseignant',
+    'room' => 'Salle',
+    'room_ph' => 'Ex : Salle 12',
+    'cancel' => 'Annuler',
+    'update' => 'Mettre à jour',
+    'add' => 'Ajouter',
+
+    'head_teacher' => 'Emploi du temps — par enseignant',
+    'subtitle_teacher' => 'Programmation d\'un enseignant pour l\'année active, toutes classes confondues.',
+    'choose_teacher' => 'Choisir un enseignant',
+    'select_teacher_prompt' => 'Sélectionnez un enseignant pour afficher son emploi du temps.',
+    'no_slots_teacher' => 'Aucun créneau pour cet enseignant sur l\'année active.',
+    'slot_one' => 'créneau',
+    'slot_other' => 'créneaux',
+    'class_one' => 'classe',
+    'class_other' => 'classes',
+];
diff --git a/resources/js/pages/Eleves/Timetable/Index.tsx b/resources/js/pages/Eleves/Timetable/Index.tsx
index 3c134f15..ace6803b 100644
--- a/resources/js/pages/Eleves/Timetable/Index.tsx
+++ b/resources/js/pages/Eleves/Timetable/Index.tsx
@@ -6,6 +6,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/u
 import { Input } from '@/components/ui/input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface Option { id: string; name: string; code?: string; }
@@ -43,6 +44,7 @@ const emptyForm = {
 };
 
 export default function Index({ classrooms, subjects, teachers, slots, days, filters, canManage }: Readonly<Props>) {
+    const { t } = useTranslation();
     const [classId, setClassId] = useState(filters.class_id ?? '');
     const [dialogOpen, setDialogOpen] = useState(false);
     const [editing, setEditing] = useState(false);
@@ -91,16 +93,16 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
 
     return (
         <AppLayout>
-            <Head title="Emploi du temps" />
+            <Head title={t('timetable.head')} />
             <div className="w-full space-y-6">
 
                 <div className="flex items-start justify-between gap-4 flex-wrap">
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3"><CalendarRange className="h-7 w-7 text-blue-600 shrink-0" />Emploi du temps</h1>
-                        <p className="mt-2 text-gray-500">Organisez les créneaux de cours par classe pour l'année active.</p>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3"><CalendarRange className="h-7 w-7 text-blue-600 shrink-0" />{t('timetable.title')}</h1>
+                        <p className="mt-2 text-gray-500">{t('timetable.subtitle')}</p>
                     </div>
                     <Button variant="outline" className="gap-2 shrink-0" onClick={() => router.get(route('timetable.teacher'))}>
-                        <User className="w-4 h-4" /> Vue par enseignant
+                        <User className="w-4 h-4" /> {t('timetable.teacher_view')}
                     </Button>
                 </div>
 
@@ -109,7 +111,7 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
                     <div className="rounded-2xl bg-slate-50/70 ring-1 ring-slate-200 shadow-sm p-4 flex items-center gap-3 flex-1 min-w-64 max-w-md">
                         <CalendarRange className="w-5 h-5 text-gray-400" />
                         <Select value={classId} onValueChange={selectClass}>
-                            <SelectTrigger className="bg-white"><SelectValue placeholder="Choisir une classe" /></SelectTrigger>
+                            <SelectTrigger className="bg-white"><SelectValue placeholder={t('timetable.choose_class')} /></SelectTrigger>
                             <SelectContent>
                                 {classrooms.map(c => <SelectItem key={c.id} value={c.id}>{c.name}</SelectItem>)}
                             </SelectContent>
@@ -117,7 +119,7 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
                     </div>
                     {classId && (
                         <Button variant="outline" className="gap-2" onClick={() => window.open(route('timetable.export', classId), '_blank')}>
-                            <Download className="w-4 h-4" /> Exporter en PDF
+                            <Download className="w-4 h-4" /> {t('timetable.export_pdf')}
                         </Button>
                     )}
                 </div>
@@ -125,7 +127,7 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
                 {!classId ? (
                     <div className="rounded-2xl ring-1 ring-dashed ring-gray-200 p-12 text-center text-gray-400">
                         <CalendarRange className="w-10 h-10 mx-auto mb-2 opacity-30" />
-                        Sélectionnez une classe pour afficher son emploi du temps.
+                        {t('timetable.select_class_prompt')}
                     </div>
                 ) : (
                     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4">
@@ -136,7 +138,7 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
                                     <div className="flex items-center justify-between mb-2">
                                         <h3 className="text-sm font-semibold text-gray-900">{days[day]}</h3>
                                         {canManage && (
-                                            <button onClick={() => openCreate(day)} className="text-blue-500 hover:text-blue-700" title="Ajouter un créneau">
+                                            <button onClick={() => openCreate(day)} className="text-blue-500 hover:text-blue-700" title={t('timetable.add_slot')}>
                                                 <Plus className="w-4 h-4" />
                                             </button>
                                         )}
@@ -157,7 +159,7 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
                                                         </div>
                                                     )}
                                                 </div>
-                                                <p className="text-sm font-medium text-gray-900 mt-1">{slot.subject_name ?? 'Matière'}</p>
+                                                <p className="text-sm font-medium text-gray-900 mt-1">{slot.subject_name ?? t('timetable.subject_fallback')}</p>
                                                 {slot.teacher_name && <p className="text-xs text-gray-500 inline-flex items-center gap-1 mt-0.5"><User className="w-3 h-3" />{slot.teacher_name}</p>}
                                                 {slot.room && <p className="text-xs text-gray-400 inline-flex items-center gap-1"><MapPin className="w-3 h-3" />{slot.room}</p>}
                                             </div>
@@ -173,10 +175,10 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
             {/* Dialog créneau */}
             <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
                 <DialogContent>
-                    <DialogHeader><DialogTitle>{editing ? 'Modifier le créneau' : 'Nouveau créneau'}</DialogTitle></DialogHeader>
+                    <DialogHeader><DialogTitle>{editing ? t('timetable.edit_slot') : t('timetable.new_slot')}</DialogTitle></DialogHeader>
                     <form onSubmit={submit} className="space-y-4 py-2">
                         <div className="space-y-1.5">
-                            <label className="text-sm font-medium text-gray-700">Jour *</label>
+                            <label className="text-sm font-medium text-gray-700">{t('timetable.day')} *</label>
                             <Select value={String(data.day_of_week)} onValueChange={v => setData('day_of_week', Number(v))}>
                                 <SelectTrigger><SelectValue /></SelectTrigger>
                                 <SelectContent>
@@ -187,20 +189,20 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
 
                         <div className="grid grid-cols-2 gap-3">
                             <div className="space-y-1.5">
-                                <label className="text-sm font-medium text-gray-700">Début *</label>
+                                <label className="text-sm font-medium text-gray-700">{t('timetable.start')} *</label>
                                 <Input type="time" value={data.start_time} onChange={e => setData('start_time', e.target.value)} />
                             </div>
                             <div className="space-y-1.5">
-                                <label className="text-sm font-medium text-gray-700">Fin *</label>
+                                <label className="text-sm font-medium text-gray-700">{t('timetable.end')} *</label>
                                 <Input type="time" value={data.end_time} onChange={e => setData('end_time', e.target.value)} className={errors.end_time ? 'border-red-400' : ''} />
                                 {errors.end_time && <p className="text-xs text-red-500">{errors.end_time}</p>}
                             </div>
                         </div>
 
                         <div className="space-y-1.5">
-                            <label className="text-sm font-medium text-gray-700">Matière</label>
+                            <label className="text-sm font-medium text-gray-700">{t('timetable.subject')}</label>
                             <Select value={data.subject_id || 'none'} onValueChange={v => setData('subject_id', v === 'none' ? '' : v)}>
-                                <SelectTrigger><SelectValue placeholder="Choisir" /></SelectTrigger>
+                                <SelectTrigger><SelectValue placeholder={t('timetable.choose')} /></SelectTrigger>
                                 <SelectContent>
                                     <SelectItem value="none">—</SelectItem>
                                     {subjects.map(s => <SelectItem key={s.id} value={s.id}>{s.name}</SelectItem>)}
@@ -209,24 +211,24 @@ export default function Index({ classrooms, subjects, teachers, slots, days, fil
                         </div>
 
                         <div className="space-y-1.5">
-                            <label className="text-sm font-medium text-gray-700">Enseignant</label>
+                            <label className="text-sm font-medium text-gray-700">{t('timetable.teacher')}</label>
                             <Select value={data.teacher_id || 'none'} onValueChange={v => setData('teacher_id', v === 'none' ? '' : v)}>
-                                <SelectTrigger><SelectValue placeholder="Choisir" /></SelectTrigger>
+                                <SelectTrigger><SelectValue placeholder={t('timetable.choose')} /></SelectTrigger>
                                 <SelectContent>
                                     <SelectItem value="none">—</SelectItem>
-                                    {teachers.map(t => <SelectItem key={t.id} value={t.id}>{t.name}</SelectItem>)}
+                                    {teachers.map(tc => <SelectItem key={tc.id} value={tc.id}>{tc.name}</SelectItem>)}
                                 </SelectContent>
                             </Select>
                         </div>
 
                         <div className="space-y-1.5">
-                            <label className="text-sm font-medium text-gray-700">Salle</label>
-                            <Input value={data.room} onChange={e => setData('room', e.target.value)} placeholder="Ex: Salle 12" />
+                            <label className="text-sm font-medium text-gray-700">{t('timetable.room')}</label>
+                            <Input value={data.room} onChange={e => setData('room', e.target.value)} placeholder={t('timetable.room_ph')} />
                         </div>
 
                         <div className="flex justify-end gap-2 pt-2">
-                            <Button type="button" variant="outline" onClick={() => setDialogOpen(false)}>Annuler</Button>
-                            <Button type="submit" disabled={processing} className="bg-blue-600 hover:bg-blue-700">{editing ? 'Mettre à jour' : 'Ajouter'}</Button>
+                            <Button type="button" variant="outline" onClick={() => setDialogOpen(false)}>{t('timetable.cancel')}</Button>
+                            <Button type="submit" disabled={processing} className="bg-blue-600 hover:bg-blue-700">{editing ? t('timetable.update') : t('timetable.add')}</Button>
                         </div>
                     </form>
                 </DialogContent>
diff --git a/resources/js/pages/Eleves/Timetable/Teacher.tsx b/resources/js/pages/Eleves/Timetable/Teacher.tsx
index 55cc00a0..c931c37f 100644
--- a/resources/js/pages/Eleves/Timetable/Teacher.tsx
+++ b/resources/js/pages/Eleves/Timetable/Teacher.tsx
@@ -3,6 +3,7 @@ import { ArrowLeft, CalendarRange, Clock, Download, MapPin, User, BookOpen } fro
 import { Button } from '@/components/ui/button';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface Option { id: string; name: string; }
@@ -26,6 +27,7 @@ interface Props {
 }
 
 export default function Teacher({ teachers, teacher, slots, days, filters }: Readonly<Props>) {
+    const { t } = useTranslation();
     const teacherId = filters.teacher_id ?? '';
     const dayKeys = Object.keys(days).map(Number);
 
@@ -41,7 +43,7 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
 
     return (
         <AppLayout>
-            <Head title="Emploi du temps — par enseignant" />
+            <Head title={t('timetable.head_teacher')} />
             <div className="w-full space-y-6">
 
                 {/* Header */}
@@ -57,9 +59,9 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
                         <div>
                             <h1 className="text-3xl font-bold tracking-tight text-gray-900 flex items-center gap-3">
                                 <CalendarRange className="h-7 w-7 text-blue-600 shrink-0" />
-                                Emploi du temps — par enseignant
+                                {t('timetable.head_teacher')}
                             </h1>
-                            <p className="mt-1 text-gray-500">Programmation d'un enseignant pour l'année active, toutes classes confondues.</p>
+                            <p className="mt-1 text-gray-500">{t('timetable.subtitle_teacher')}</p>
                         </div>
                     </div>
                     <Button
@@ -67,7 +69,7 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
                         disabled={!teacherId || slots.length === 0}
                         className="gap-2 bg-blue-600 hover:bg-blue-700 shrink-0 disabled:opacity-40"
                     >
-                        <Download className="w-4 h-4" /> Exporter en PDF
+                        <Download className="w-4 h-4" /> {t('timetable.export_pdf')}
                     </Button>
                 </div>
 
@@ -75,9 +77,9 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
                 <div className="rounded-2xl bg-slate-50/70 ring-1 ring-slate-200 shadow-sm p-4 flex items-center gap-3 max-w-md">
                     <User className="w-5 h-5 text-gray-400" />
                     <Select value={teacherId} onValueChange={selectTeacher}>
-                        <SelectTrigger className="bg-white"><SelectValue placeholder="Choisir un enseignant" /></SelectTrigger>
+                        <SelectTrigger className="bg-white"><SelectValue placeholder={t('timetable.choose_teacher')} /></SelectTrigger>
                         <SelectContent>
-                            {teachers.map(t => <SelectItem key={t.id} value={t.id}>{t.name}</SelectItem>)}
+                            {teachers.map(tc => <SelectItem key={tc.id} value={tc.id}>{tc.name}</SelectItem>)}
                         </SelectContent>
                     </Select>
                 </div>
@@ -85,7 +87,7 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
                 {!teacherId ? (
                     <div className="rounded-2xl ring-1 ring-dashed ring-gray-200 p-12 text-center text-gray-400">
                         <User className="w-10 h-10 mx-auto mb-2 opacity-30" />
-                        Sélectionnez un enseignant pour afficher son emploi du temps.
+                        {t('timetable.select_teacher_prompt')}
                     </div>
                 ) : (
                     <>
@@ -97,16 +99,16 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
                                 </div>
                                 <span className="font-semibold text-gray-900">{teacher.name}</span>
                                 <span className="text-gray-400">·</span>
-                                <span className="text-gray-600">{slots.length} créneau{slots.length > 1 ? 'x' : ''}</span>
+                                <span className="text-gray-600">{slots.length} {slots.length > 1 ? t('timetable.slot_other') : t('timetable.slot_one')}</span>
                                 <span className="text-gray-400">·</span>
-                                <span className="text-gray-600">{distinctClasses} classe{distinctClasses > 1 ? 's' : ''}</span>
+                                <span className="text-gray-600">{distinctClasses} {distinctClasses > 1 ? t('timetable.class_other') : t('timetable.class_one')}</span>
                             </div>
                         )}
 
                         {slots.length === 0 ? (
                             <div className="rounded-2xl ring-1 ring-dashed ring-gray-200 p-12 text-center text-gray-400">
                                 <CalendarRange className="w-10 h-10 mx-auto mb-2 opacity-30" />
-                                Aucun créneau pour cet enseignant sur l'année active.
+                                {t('timetable.no_slots_teacher')}
                             </div>
                         ) : (
                             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4">
@@ -123,7 +125,7 @@ export default function Teacher({ teachers, teacher, slots, days, filters }: Rea
                                                         <span className="text-xs font-semibold text-blue-700 inline-flex items-center gap-1">
                                                             <Clock className="w-3 h-3" />{slot.start_time}–{slot.end_time}
                                                         </span>
-                                                        <p className="text-sm font-medium text-gray-900 mt-1">{slot.subject_name ?? 'Matière'}</p>
+                                                        <p className="text-sm font-medium text-gray-900 mt-1">{slot.subject_name ?? t('timetable.subject_fallback')}</p>
                                                         {slot.class_name && <p className="text-xs text-gray-500 inline-flex items-center gap-1 mt-0.5"><BookOpen className="w-3 h-3" />{slot.class_name}</p>}
                                                         {slot.room && <p className="text-xs text-gray-400 inline-flex items-center gap-1"><MapPin className="w-3 h-3" />{slot.room}</p>}
                                                     </div>