From 3917ff4cb849b7b1a85547171e7ef230ef9e4cf5 Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 16:47:51 +0000
Subject: [PATCH 1/5] =?UTF-8?q?feat(i18n):=20param=C3=A8tres=20=E2=80=94?=
 =?UTF-8?q?=20pays=20(liste,=20cr=C3=A9ation,=20=C3=A9dition,=20d=C3=A9tai?=
 =?UTF-8?q?l)=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/parametres.php                        | 49 +++++++++++++++++++
 lang/fr/parametres.php                        | 49 +++++++++++++++++++
 .../js/components/Countries/country-form.tsx  | 24 ++++-----
 .../js/pages/Parametres/Countries/Create.tsx  |  8 +--
 .../js/pages/Parametres/Countries/Edit.tsx    |  8 +--
 .../js/pages/Parametres/Countries/Index.tsx   | 49 ++++++++++---------
 .../js/pages/Parametres/Countries/Show.tsx    | 15 +++---
 7 files changed, 156 insertions(+), 46 deletions(-)
 create mode 100644 lang/en/parametres.php
 create mode 100644 lang/fr/parametres.php

diff --git a/lang/en/parametres.php b/lang/en/parametres.php
new file mode 100644
index 00000000..63d78662
--- /dev/null
+++ b/lang/en/parametres.php
@@ -0,0 +1,49 @@
+<?php
+
+return [
+    'common' => [
+        'view' => 'View',
+        'edit' => 'Edit',
+        'delete' => 'Delete',
+        'cancel' => 'Cancel',
+        'save' => 'Save',
+        'search' => 'Search',
+        'clear' => 'Clear',
+        'prev' => 'Previous',
+        'next' => 'Next',
+        'showing' => 'Showing :from to :to of :total',
+        'actions' => 'Actions',
+        'irreversible' => 'This action is irreversible.',
+        'creating' => 'Creating...',
+        'updating' => 'Updating...',
+        'update' => 'Update',
+        'created_at' => 'Created at',
+        'created_on' => 'Created on',
+        'updated_on' => 'Last updated',
+    ],
+
+    'countries' => [
+        'head' => 'Countries',
+        'title' => 'Countries',
+        'subtitle' => 'Manage the list of countries (nationalities, origins).',
+        'new' => 'New country',
+        'search_ph' => 'Search a country (name, code)…',
+        'th_name' => 'Name',
+        'th_code' => 'Code',
+        'empty' => 'No country found',
+        'delete_q' => 'Delete this country?',
+        'create_head' => 'Create a country',
+        'create_title' => 'Create a country',
+        'create_subtitle' => 'Enter the country name and code.',
+        'edit_head' => 'Edit :name',
+        'edit_title' => 'Edit a country',
+        'edit_subtitle' => 'Update the information for :name.',
+        'form_section' => 'Country information',
+        'name' => 'Name',
+        'name_ph' => 'e.g. Togo',
+        'code' => 'Code',
+        'code_ph' => 'e.g. TG',
+        'code_hint' => 'Unique code (e.g. ISO: TG, BJ, CI…).',
+        'submit_create' => 'Create country',
+    ],
+];
diff --git a/lang/fr/parametres.php b/lang/fr/parametres.php
new file mode 100644
index 00000000..a6cccb18
--- /dev/null
+++ b/lang/fr/parametres.php
@@ -0,0 +1,49 @@
+<?php
+
+return [
+    'common' => [
+        'view' => 'Voir',
+        'edit' => 'Modifier',
+        'delete' => 'Supprimer',
+        'cancel' => 'Annuler',
+        'save' => 'Enregistrer',
+        'search' => 'Rechercher',
+        'clear' => 'Effacer',
+        'prev' => 'Précédent',
+        'next' => 'Suivant',
+        'showing' => 'Affichage :from à :to sur :total',
+        'actions' => 'Actions',
+        'irreversible' => 'Cette action est irréversible.',
+        'creating' => 'Création...',
+        'updating' => 'Mise à jour...',
+        'update' => 'Mettre à jour',
+        'created_at' => 'Date de création',
+        'created_on' => 'Créé le',
+        'updated_on' => 'Dernière modification',
+    ],
+
+    'countries' => [
+        'head' => 'Pays',
+        'title' => 'Pays',
+        'subtitle' => 'Gérez la liste des pays (nationalités, origines).',
+        'new' => 'Nouveau pays',
+        'search_ph' => 'Rechercher un pays (nom, code)…',
+        'th_name' => 'Nom',
+        'th_code' => 'Code',
+        'empty' => 'Aucun pays trouvé',
+        'delete_q' => 'Supprimer ce pays ?',
+        'create_head' => 'Créer un pays',
+        'create_title' => 'Créer un pays',
+        'create_subtitle' => 'Renseignez le nom et le code du pays.',
+        'edit_head' => 'Éditer :name',
+        'edit_title' => 'Éditer un pays',
+        'edit_subtitle' => 'Mettez à jour les informations de :name.',
+        'form_section' => 'Informations du pays',
+        'name' => 'Nom',
+        'name_ph' => 'Ex : Togo',
+        'code' => 'Code',
+        'code_ph' => 'Ex : TG',
+        'code_hint' => 'Code unique (ex. ISO : TG, BJ, CI…).',
+        'submit_create' => 'Créer le pays',
+    ],
+];
diff --git a/resources/js/components/Countries/country-form.tsx b/resources/js/components/Countries/country-form.tsx
index ad5fbea5..84363d3b 100644
--- a/resources/js/components/Countries/country-form.tsx
+++ b/resources/js/components/Countries/country-form.tsx
@@ -1,6 +1,7 @@
 import { Globe, Save } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
+import { useTranslation } from '@/helpers/i18n';
 
 export interface CountryFormData {
     name: string;
@@ -18,10 +19,11 @@ interface CountryFormProps {
 }
 
 export function CountryForm({ mode, data, errors, processing, onCancel, onSubmit, setData }: Readonly<CountryFormProps>) {
-    let submitLabel = 'Mettre à jour';
-    if (processing && mode === 'create') submitLabel = 'Création...';
-    else if (processing) submitLabel = 'Mise à jour...';
-    else if (mode === 'create') submitLabel = 'Créer le pays';
+    const { t } = useTranslation();
+    let submitLabel = t('parametres.common.update');
+    if (processing && mode === 'create') submitLabel = t('parametres.common.creating');
+    else if (processing) submitLabel = t('parametres.common.updating');
+    else if (mode === 'create') submitLabel = t('parametres.countries.submit_create');
 
     return (
         <form onSubmit={onSubmit} className="space-y-6">
@@ -30,34 +32,34 @@ export function CountryForm({ mode, data, errors, processing, onCancel, onSubmit
                     <div className="w-9 h-9 rounded-full bg-blue-100 flex items-center justify-center">
                         <Globe className="w-5 h-5 text-blue-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Informations du pays</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.countries.form_section')}</h3>
                 </div>
 
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                        <label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">Nom *</label>
+                        <label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.countries.name')} *</label>
                         <Input
                             id="name"
                             value={data.name}
                             onChange={(event) => setData('name', event.target.value)}
                             disabled={processing}
-                            placeholder="Ex: Togo"
+                            placeholder={t('parametres.countries.name_ph')}
                             className={errors.name ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
                         />
                         {errors.name && <p className="text-sm text-red-600 mt-1">{errors.name}</p>}
                     </div>
 
                     <div>
-                        <label htmlFor="code" className="block text-sm font-medium text-gray-900 mb-2">Code *</label>
+                        <label htmlFor="code" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.countries.code')} *</label>
                         <Input
                             id="code"
                             value={data.code}
                             onChange={(event) => setData('code', event.target.value.toUpperCase())}
                             disabled={processing}
-                            placeholder="Ex: TG"
+                            placeholder={t('parametres.countries.code_ph')}
                             className={errors.code ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
                         />
-                        <p className="text-xs text-gray-500 mt-1">Code unique (ex. ISO : TG, BJ, CI…).</p>
+                        <p className="text-xs text-gray-500 mt-1">{t('parametres.countries.code_hint')}</p>
                         {errors.code && <p className="text-sm text-red-600 mt-1">{errors.code}</p>}
                     </div>
                 </div>
@@ -65,7 +67,7 @@ export function CountryForm({ mode, data, errors, processing, onCancel, onSubmit
 
             <div className="flex gap-3 pt-2">
                 <Button type="button" variant="outline" onClick={onCancel} disabled={processing} className="flex-1 border-gray-200 text-gray-700 hover:bg-gray-50">
-                    Annuler
+                    {t('parametres.common.cancel')}
                 </Button>
                 <Button type="submit" disabled={processing} className="flex-1 gap-2 bg-blue-600 hover:bg-blue-700 shadow-sm">
                     <Save className="w-4 h-4" />
diff --git a/resources/js/pages/Parametres/Countries/Create.tsx b/resources/js/pages/Parametres/Countries/Create.tsx
index 09e8d684..42ae8d2d 100644
--- a/resources/js/pages/Parametres/Countries/Create.tsx
+++ b/resources/js/pages/Parametres/Countries/Create.tsx
@@ -2,9 +2,11 @@ import { Head, router, useForm } from '@inertiajs/react';
 import { ArrowLeft } from 'lucide-react';
 import { CountryForm, type CountryFormData } from '@/components/Countries/country-form';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 export default function Create() {
+    const { t } = useTranslation();
     const { data, setData, post, processing, errors } = useForm<CountryFormData>({ name: '', code: '' });
 
     const handleSubmit = (event: React.SubmitEvent<HTMLFormElement>) => {
@@ -14,7 +16,7 @@ export default function Create() {
 
     return (
         <AppLayout>
-            <Head title="Créer un pays" />
+            <Head title={t('parametres.countries.create_head')} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-center gap-4">
@@ -22,8 +24,8 @@ export default function Create() {
                         <ArrowLeft className="w-5 h-5 text-gray-600" />
                     </button>
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">Créer un pays</h1>
-                        <p className="mt-2 text-gray-600">Renseignez le nom et le code du pays.</p>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">{t('parametres.countries.create_title')}</h1>
+                        <p className="mt-2 text-gray-600">{t('parametres.countries.create_subtitle')}</p>
                     </div>
                 </div>
 
diff --git a/resources/js/pages/Parametres/Countries/Edit.tsx b/resources/js/pages/Parametres/Countries/Edit.tsx
index c0f56225..a13992de 100644
--- a/resources/js/pages/Parametres/Countries/Edit.tsx
+++ b/resources/js/pages/Parametres/Countries/Edit.tsx
@@ -2,6 +2,7 @@ import { Head, router, useForm } from '@inertiajs/react';
 import { ArrowLeft } from 'lucide-react';
 import { CountryForm, type CountryFormData } from '@/components/Countries/country-form';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface Country {
@@ -11,6 +12,7 @@ interface Country {
 }
 
 export default function Edit({ country }: Readonly<{ country: Country }>) {
+    const { t } = useTranslation();
     const { data, setData, put, processing, errors } = useForm<CountryFormData>({
         name: country.name,
         code: country.code,
@@ -23,7 +25,7 @@ export default function Edit({ country }: Readonly<{ country: Country }>) {
 
     return (
         <AppLayout>
-            <Head title={`Éditer ${country.name}`} />
+            <Head title={t('parametres.countries.edit_head', { name: country.name })} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-center gap-4">
@@ -31,8 +33,8 @@ export default function Edit({ country }: Readonly<{ country: Country }>) {
                         <ArrowLeft className="w-5 h-5 text-gray-600" />
                     </button>
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">Éditer un pays</h1>
-                        <p className="mt-2 text-gray-600">Mettez à jour les informations de {country.name}.</p>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">{t('parametres.countries.edit_title')}</h1>
+                        <p className="mt-2 text-gray-600">{t('parametres.countries.edit_subtitle', { name: country.name })}</p>
                     </div>
                 </div>
 
diff --git a/resources/js/pages/Parametres/Countries/Index.tsx b/resources/js/pages/Parametres/Countries/Index.tsx
index 549dd616..8c70c03e 100644
--- a/resources/js/pages/Parametres/Countries/Index.tsx
+++ b/resources/js/pages/Parametres/Countries/Index.tsx
@@ -10,6 +10,7 @@ import { IconButton } from '@/components/icon-button';
 import { Input } from '@/components/ui/input';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface Country {
@@ -35,6 +36,8 @@ interface IndexProps {
 }
 
 export default function Index({ countries, filters }: Readonly<IndexProps>) {
+    const { t, locale } = useTranslation();
+    const dateLocale = locale === 'en' ? 'en-GB' : 'fr-FR';
     const [search, setSearch] = useState(filters.search || '');
     const [deleteId, setDeleteId] = useState<string | null>(null);
 
@@ -61,18 +64,18 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
 
     return (
         <AppLayout>
-            <Head title="Pays" />
+            <Head title={t('parametres.countries.head')} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-start justify-between">
                     <div>
                         <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3">
-                            <Globe className="h-7 w-7 text-blue-600 shrink-0" /> Pays
+                            <Globe className="h-7 w-7 text-blue-600 shrink-0" /> {t('parametres.countries.title')}
                         </h1>
-                        <p className="mt-2 text-lg text-gray-600">Gérez la liste des pays (nationalités, origines).</p>
+                        <p className="mt-2 text-lg text-gray-600">{t('parametres.countries.subtitle')}</p>
                     </div>
                     <Button onClick={() => router.get(route('countries.create'))} className="gap-2 bg-blue-600 hover:bg-blue-700">
-                        <Plus className="w-5 h-5" /> Nouveau pays
+                        <Plus className="w-5 h-5" /> {t('parametres.countries.new')}
                     </Button>
                 </div>
 
@@ -84,16 +87,16 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
                                 value={search}
                                 onChange={(e) => setSearch(e.target.value)}
                                 onKeyDown={(e) => e.key === 'Enter' && doSearch()}
-                                placeholder="Rechercher un pays (nom, code)…"
+                                placeholder={t('parametres.countries.search_ph')}
                                 className="pl-10 pr-10"
                             />
                             {search && (
-                                <button onClick={clearSearch} aria-label="Effacer" className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600">
+                                <button onClick={clearSearch} aria-label={t('parametres.common.clear')} className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600">
                                     <X className="w-5 h-5" />
                                 </button>
                             )}
                         </div>
-                        <Button onClick={doSearch} className="bg-blue-600 hover:bg-blue-700">Rechercher</Button>
+                        <Button onClick={doSearch} className="bg-blue-600 hover:bg-blue-700">{t('parametres.common.search')}</Button>
                     </div>
                 </div>
 
@@ -101,10 +104,10 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
                     <Table>
                         <TableHeader className="bg-gray-50 border-b border-slate-200">
                             <TableRow>
-                                <TableHead className="text-gray-700 font-semibold">Nom</TableHead>
-                                <TableHead className="text-gray-700 font-semibold">Code</TableHead>
-                                <TableHead className="text-gray-700 font-semibold">Date de création</TableHead>
-                                <TableHead className="text-gray-700 font-semibold text-right">Actions</TableHead>
+                                <TableHead className="text-gray-700 font-semibold">{t('parametres.countries.th_name')}</TableHead>
+                                <TableHead className="text-gray-700 font-semibold">{t('parametres.countries.th_code')}</TableHead>
+                                <TableHead className="text-gray-700 font-semibold">{t('parametres.common.created_at')}</TableHead>
+                                <TableHead className="text-gray-700 font-semibold text-right">{t('parametres.common.actions')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -115,12 +118,12 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
                                         <TableCell className="text-gray-600">
                                             <span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-700">{country.code}</span>
                                         </TableCell>
-                                        <TableCell className="text-gray-600">{new Date(country.created_at).toLocaleDateString('fr-FR')}</TableCell>
+                                        <TableCell className="text-gray-600">{new Date(country.created_at).toLocaleDateString(dateLocale)}</TableCell>
                                         <TableCell className="text-right">
                                             <div className="flex justify-end gap-2">
-                                                <IconButton label="Voir" icon={<Eye className="w-4 h-4" />} className="border-slate-200 text-gray-700 hover:bg-gray-100" onClick={() => router.get(route('countries.show', country.id))} />
-                                                <IconButton label="Modifier" icon={<Pencil className="w-4 h-4" />} className="border-slate-200 text-gray-700 hover:bg-gray-100" onClick={() => router.get(route('countries.edit', country.id))} />
-                                                <IconButton label="Supprimer" icon={<Trash2 className="w-4 h-4" />} className="border-slate-200 text-gray-700 hover:bg-red-50 hover:text-red-600" onClick={() => setDeleteId(country.id)} />
+                                                <IconButton label={t('parametres.common.view')} icon={<Eye className="w-4 h-4" />} className="border-slate-200 text-gray-700 hover:bg-gray-100" onClick={() => router.get(route('countries.show', country.id))} />
+                                                <IconButton label={t('parametres.common.edit')} icon={<Pencil className="w-4 h-4" />} className="border-slate-200 text-gray-700 hover:bg-gray-100" onClick={() => router.get(route('countries.edit', country.id))} />
+                                                <IconButton label={t('parametres.common.delete')} icon={<Trash2 className="w-4 h-4" />} className="border-slate-200 text-gray-700 hover:bg-red-50 hover:text-red-600" onClick={() => setDeleteId(country.id)} />
                                             </div>
                                         </TableCell>
                                     </TableRow>
@@ -128,7 +131,7 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
                             ) : (
                                 <TableRow>
                                     <TableCell colSpan={4} className="text-center py-8">
-                                        <p className="text-gray-600 font-medium">Aucun pays trouvé</p>
+                                        <p className="text-gray-600 font-medium">{t('parametres.countries.empty')}</p>
                                     </TableCell>
                                 </TableRow>
                             )}
@@ -138,10 +141,10 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
 
                 {countries.last_page > 1 && (
                     <div className="flex items-center justify-between flex-wrap gap-3">
-                        <p className="text-sm text-gray-600">Affichage {countries.from} à {countries.to} sur {countries.total}</p>
+                        <p className="text-sm text-gray-600">{t('parametres.common.showing', { from: countries.from, to: countries.to, total: countries.total })}</p>
                         <div className="flex items-center gap-1">
                             <Button variant="outline" size="sm" className="border-slate-200 gap-1" disabled={countries.current_page === 1} onClick={() => goToPage(countries.current_page - 1)}>
-                                <ChevronLeft className="w-4 h-4" /> Précédent
+                                <ChevronLeft className="w-4 h-4" /> {t('parametres.common.prev')}
                             </Button>
 
                             {pageNumbers.map((p, i) =>
@@ -161,7 +164,7 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
                             )}
 
                             <Button variant="outline" size="sm" className="border-slate-200 gap-1" disabled={countries.current_page === countries.last_page} onClick={() => goToPage(countries.current_page + 1)}>
-                                Suivant <ChevronRight className="w-4 h-4" />
+                                {t('parametres.common.next')} <ChevronRight className="w-4 h-4" />
                             </Button>
                         </div>
                     </div>
@@ -171,13 +174,13 @@ export default function Index({ countries, filters }: Readonly<IndexProps>) {
             <AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
                 <AlertDialogContent>
                     <AlertDialogHeader>
-                        <AlertDialogTitle>Supprimer ce pays ?</AlertDialogTitle>
-                        <AlertDialogDescription>Cette action est irréversible.</AlertDialogDescription>
+                        <AlertDialogTitle>{t('parametres.countries.delete_q')}</AlertDialogTitle>
+                        <AlertDialogDescription>{t('parametres.common.irreversible')}</AlertDialogDescription>
                     </AlertDialogHeader>
                     <div className="flex justify-end gap-2">
-                        <AlertDialogCancel>Annuler</AlertDialogCancel>
+                        <AlertDialogCancel>{t('parametres.common.cancel')}</AlertDialogCancel>
                         <AlertDialogAction className="bg-red-600 hover:bg-red-700" onClick={() => deleteId && router.delete(route('countries.destroy', deleteId), { preserveScroll: true, onSuccess: () => setDeleteId(null) })}>
-                            Supprimer
+                            {t('parametres.common.delete')}
                         </AlertDialogAction>
                     </div>
                 </AlertDialogContent>
diff --git a/resources/js/pages/Parametres/Countries/Show.tsx b/resources/js/pages/Parametres/Countries/Show.tsx
index f7200670..5795248b 100644
--- a/resources/js/pages/Parametres/Countries/Show.tsx
+++ b/resources/js/pages/Parametres/Countries/Show.tsx
@@ -2,6 +2,7 @@ import { Head, router } from '@inertiajs/react';
 import { ArrowLeft, Globe, Pencil } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface Country {
@@ -13,8 +14,10 @@ interface Country {
 }
 
 export default function Show({ country }: Readonly<{ country: Country }>) {
+    const { t, locale } = useTranslation();
+    const dateLocale = locale === 'en' ? 'en-GB' : 'fr-FR';
     const formatDate = (date: string) =>
-        new Date(date).toLocaleDateString('fr-FR', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' });
+        new Date(date).toLocaleDateString(dateLocale, { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' });
 
     return (
         <AppLayout>
@@ -37,26 +40,26 @@ export default function Show({ country }: Readonly<{ country: Country }>) {
                         </div>
                     </div>
                     <Button onClick={() => router.get(route('countries.edit', country.id))} className="bg-blue-600 hover:bg-blue-700 gap-2">
-                        <Pencil className="w-4 h-4" /> Modifier
+                        <Pencil className="w-4 h-4" /> {t('parametres.common.edit')}
                     </Button>
                 </div>
 
                 <div className="rounded-2xl p-5 bg-linear-to-br from-blue-50/60 to-white ring-1 ring-blue-100 shadow-sm space-y-4">
                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                         <div className="rounded-xl bg-white/80 ring-1 ring-blue-100 px-4 py-3">
-                            <p className="text-xs uppercase tracking-wide text-gray-500">Nom</p>
+                            <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.countries.name')}</p>
                             <p className="font-semibold text-gray-900 mt-1">{country.name}</p>
                         </div>
                         <div className="rounded-xl bg-white/80 ring-1 ring-blue-100 px-4 py-3">
-                            <p className="text-xs uppercase tracking-wide text-gray-500">Code</p>
+                            <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.countries.code')}</p>
                             <p className="font-semibold text-gray-900 mt-1">{country.code}</p>
                         </div>
                         <div className="rounded-xl bg-white/80 ring-1 ring-blue-100 px-4 py-3">
-                            <p className="text-xs uppercase tracking-wide text-gray-500">Créé le</p>
+                            <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.common.created_on')}</p>
                             <p className="font-semibold text-gray-900 mt-1">{formatDate(country.created_at)}</p>
                         </div>
                         <div className="rounded-xl bg-white/80 ring-1 ring-blue-100 px-4 py-3">
-                            <p className="text-xs uppercase tracking-wide text-gray-500">Dernière modification</p>
+                            <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.common.updated_on')}</p>
                             <p className="font-semibold text-gray-900 mt-1">{formatDate(country.updated_at)}</p>
                         </div>
                     </div>

From a47de724d78d3c2d412bef09509d601ccab5acc3 Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 16:52:41 +0000
Subject: [PATCH 2/5] =?UTF-8?q?feat(i18n):=20param=C3=A8tres=20=E2=80=94?=
 =?UTF-8?q?=20=C3=A9coles=20(cr=C3=A9ation,=20=C3=A9dition,=20d=C3=A9tail)?=
 =?UTF-8?q?=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/parametres.php                        | 62 ++++++++++++++
 lang/fr/parametres.php                        | 62 ++++++++++++++
 .../js/components/Schools/school-form.tsx     | 80 ++++++++++---------
 .../js/pages/Parametres/Schools/Create.tsx    |  8 +-
 .../js/pages/Parametres/Schools/Edit.tsx      |  8 +-
 .../js/pages/Parametres/Schools/Show.tsx      | 39 ++++-----
 6 files changed, 196 insertions(+), 63 deletions(-)

diff --git a/lang/en/parametres.php b/lang/en/parametres.php
index 63d78662..4447950e 100644
--- a/lang/en/parametres.php
+++ b/lang/en/parametres.php
@@ -46,4 +46,66 @@
         'code_hint' => 'Unique code (e.g. ISO: TG, BJ, CI…).',
         'submit_create' => 'Create country',
     ],
+
+    'schools' => [
+        'active' => 'Active',
+        'inactive' => 'Inactive',
+        'section_general' => 'General information',
+        'terme_entity' => 'Term / Entity',
+        'devise' => 'Motto',
+        'email' => 'Email',
+        'phone' => 'Phone',
+        'section_location' => 'Location',
+        'region' => 'Region',
+        'city' => 'City',
+        'po_box' => 'PO Box',
+        'address' => 'Address',
+        'section_events' => 'Events',
+        'created_on' => 'Created on',
+        'updated_on' => 'Updated on',
+
+        'create_head' => 'New school',
+        'create_title' => 'Configure the school',
+        'create_subtitle' => 'Enter the school information.',
+        'edit_head' => 'Edit :name',
+        'edit_title' => 'School settings',
+        'edit_subtitle' => 'Information, logo, header and motto for :name.',
+
+        'section_identity' => 'School identity',
+        'name' => 'Name',
+        'name_ph' => 'e.g. Jean Jaurès High School',
+        'code' => 'Code',
+        'code_ph' => 'e.g. LJJ001',
+        'terme' => 'Term / Parent entity',
+        'terme_ph' => 'e.g. Togolese Republic',
+        'ministry' => 'Supervising ministry',
+        'ministry_ph' => 'e.g. Ministry of Primary, Secondary and Technical Education',
+        'ministry_hint' => 'Shown at the top left of the official document header.',
+        'devise_label' => 'School motto (slogan)',
+        'devise_ph' => 'e.g. Work, Freedom, Homeland',
+        'currency' => 'Currency (accounting)',
+        'section_logo' => 'Logo and contact',
+        'logo_label' => 'School logo',
+        'change_logo' => 'Change logo',
+        'choose_image' => 'Choose an image',
+        'logo_hint' => 'JPG, PNG, WebP — max 2 MB',
+        'email_label' => 'Email',
+        'email_ph' => 'contact@school.com',
+        'phone_label' => 'Phone',
+        'phone_ph' => '+228 XX XX XX XX',
+        'region_label' => 'Region',
+        'city_label' => 'City',
+        'po_box_label' => 'PO Box',
+        'po_box_ph' => 'PO Box 123',
+        'address_label' => 'Full address',
+        'section_class_types' => 'Offered class types',
+        'no_class_types' => 'No class type available. Create one first in Settings → Class types.',
+        'semester' => 'Semester (2 terms)',
+        'trimester' => 'Trimester (3 terms)',
+        'section_status' => 'Status',
+        'active_label' => 'Active school',
+        'portal_label' => 'Parent / student portal access',
+        'portal_hint' => 'When disabled, login and all parent/student area features are blocked.',
+        'submit_create' => 'Create school',
+    ],
 ];
diff --git a/lang/fr/parametres.php b/lang/fr/parametres.php
index a6cccb18..f61fded0 100644
--- a/lang/fr/parametres.php
+++ b/lang/fr/parametres.php
@@ -46,4 +46,66 @@
         'code_hint' => 'Code unique (ex. ISO : TG, BJ, CI…).',
         'submit_create' => 'Créer le pays',
     ],
+
+    'schools' => [
+        'active' => 'Active',
+        'inactive' => 'Inactive',
+        'section_general' => 'Informations générales',
+        'terme_entity' => 'Terme / Entité',
+        'devise' => 'Devise',
+        'email' => 'E-mail',
+        'phone' => 'Téléphone',
+        'section_location' => 'Localisation',
+        'region' => 'Région',
+        'city' => 'Ville',
+        'po_box' => 'Boîte postale',
+        'address' => 'Adresse',
+        'section_events' => 'Événements',
+        'created_on' => 'Créée le',
+        'updated_on' => 'Modifiée le',
+
+        'create_head' => 'Nouvelle école',
+        'create_title' => 'Configurer l\'école',
+        'create_subtitle' => 'Renseignez les informations de l\'établissement.',
+        'edit_head' => 'Éditer :name',
+        'edit_title' => 'Paramètres de l\'école',
+        'edit_subtitle' => 'Informations, logo, en-tête et devise de :name.',
+
+        'section_identity' => 'Identité de l\'école',
+        'name' => 'Nom',
+        'name_ph' => 'Ex : Lycée Jean Jaurès',
+        'code' => 'Code',
+        'code_ph' => 'Ex : LJJ001',
+        'terme' => 'Terme / Entité supérieure',
+        'terme_ph' => 'Ex : République Togolaise',
+        'ministry' => 'Ministère de tutelle',
+        'ministry_ph' => 'Ex : Ministère des Enseignements Primaire, Secondaire et Technique',
+        'ministry_hint' => 'Affiché en haut à gauche de l\'en-tête officiel des documents.',
+        'devise_label' => 'Devise (slogan) de l\'école',
+        'devise_ph' => 'Ex : Travail, Liberté, Patrie',
+        'currency' => 'Monnaie (comptabilité)',
+        'section_logo' => 'Logo et contact',
+        'logo_label' => 'Logo de l\'école',
+        'change_logo' => 'Changer le logo',
+        'choose_image' => 'Choisir une image',
+        'logo_hint' => 'JPG, PNG, WebP — max 2 Mo',
+        'email_label' => 'E-mail',
+        'email_ph' => 'contact@ecole.com',
+        'phone_label' => 'Téléphone',
+        'phone_ph' => '+228 XX XX XX XX',
+        'region_label' => 'Région',
+        'city_label' => 'Ville',
+        'po_box_label' => 'Boîte postale',
+        'po_box_ph' => 'BP 123',
+        'address_label' => 'Adresse complète',
+        'section_class_types' => 'Types de classe proposés',
+        'no_class_types' => 'Aucun type de classe disponible. Créez-en d\'abord dans Paramètres → Types de classes.',
+        'semester' => 'Semestre (2 périodes)',
+        'trimester' => 'Trimestre (3 périodes)',
+        'section_status' => 'Statut',
+        'active_label' => 'École active',
+        'portal_label' => 'Accès au portail parents / élèves',
+        'portal_hint' => 'Lorsque désactivé, la connexion et toutes les fonctionnalités de l\'espace parents/élèves sont bloquées.',
+        'submit_create' => 'Créer l\'école',
+    ],
 ];
diff --git a/resources/js/components/Schools/school-form.tsx b/resources/js/components/Schools/school-form.tsx
index 0a2e633e..9dedcaaa 100644
--- a/resources/js/components/Schools/school-form.tsx
+++ b/resources/js/components/Schools/school-form.tsx
@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
 import { Input } from '@/components/ui/input';
 import { Textarea } from '@/components/ui/textarea';
+import { useTranslation } from '@/helpers/i18n';
 
 export interface ClassroomTypeOption { id: string; name: string; period_system: string; }
 export interface CurrencyOption { code: string; label: string; symbol: string; }
@@ -41,6 +42,7 @@ interface SchoolFormProps {
 }
 
 export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, classroomTypes = [], currencies = [], onCancel, onSubmit, setData }: Readonly<SchoolFormProps>) {
+    const { t } = useTranslation();
     const toggleClassType = (id: string) => {
         const current = data.class_type_ids ?? [];
         setData('class_type_ids', current.includes(id) ? current.filter(x => x !== id) : [...current, id]);
@@ -54,10 +56,10 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
         setPreview(file ? URL.createObjectURL(file) : (currentLogoUrl ?? null));
     };
 
-    let submitLabel = 'Mettre à jour';
-    if (processing && mode === 'create') submitLabel = 'Création...';
-    else if (processing) submitLabel = 'Mise à jour...';
-    else if (mode === 'create') submitLabel = 'Créer l\'école';
+    let submitLabel = t('parametres.common.update');
+    if (processing && mode === 'create') submitLabel = t('parametres.common.creating');
+    else if (processing) submitLabel = t('parametres.common.updating');
+    else if (mode === 'create') submitLabel = t('parametres.schools.submit_create');
 
     return (
         <form onSubmit={onSubmit} className="space-y-6">
@@ -68,67 +70,67 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="w-9 h-9 rounded-full bg-blue-100 flex items-center justify-center">
                         <Building2 className="w-5 h-5 text-blue-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Identité de l'école</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.schools.section_identity')}</h3>
                 </div>
 
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                        <label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">Nom *</label>
+                        <label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.schools.name')} *</label>
                         <Input
                             id="name"
                             value={data.name}
                             onChange={e => setData('name', e.target.value)}
                             disabled={processing}
                             className={errors.name ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="Ex: Lycée Jean Jaurès"
+                            placeholder={t('parametres.schools.name_ph')}
                         />
                         {errors.name && <p className="text-sm text-red-600 mt-1">{errors.name}</p>}
                     </div>
 
                     <div>
-                        <label htmlFor="code" className="block text-sm font-medium text-gray-900 mb-2">Code *</label>
+                        <label htmlFor="code" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.schools.code')} *</label>
                         <Input
                             id="code"
                             value={data.code}
                             onChange={e => setData('code', e.target.value)}
                             disabled={processing}
                             className={errors.code ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="Ex: LJJ001"
+                            placeholder={t('parametres.schools.code_ph')}
                         />
                         {errors.code && <p className="text-sm text-red-600 mt-1">{errors.code}</p>}
                     </div>
 
                     <div className="md:col-span-2">
-                        <label htmlFor="terme" className="block text-sm font-medium text-gray-900 mb-2">Terme / Entité supérieure</label>
+                        <label htmlFor="terme" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.schools.terme')}</label>
                         <Input
                             id="terme"
                             value={data.terme}
                             onChange={e => setData('terme', e.target.value)}
                             disabled={processing}
                             className={errors.terme ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="Ex: République Togolaise"
+                            placeholder={t('parametres.schools.terme_ph')}
                         />
                         {errors.terme && <p className="text-sm text-red-600 mt-1">{errors.terme}</p>}
                     </div>
 
                     <div className="md:col-span-2">
-                        <label htmlFor="ministry" className="block text-sm font-medium text-gray-900 mb-2">Ministère de tutelle</label>
+                        <label htmlFor="ministry" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.schools.ministry')}</label>
                         <Input
                             id="ministry"
                             value={data.ministry}
                             onChange={e => setData('ministry', e.target.value)}
                             disabled={processing}
                             className={errors.ministry ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="Ex: Ministère des Enseignements Primaire, Secondaire et Technique"
+                            placeholder={t('parametres.schools.ministry_ph')}
                         />
-                        <p className="text-xs text-gray-400 mt-1">Affiché en haut à gauche de l'en-tête officiel des documents.</p>
+                        <p className="text-xs text-gray-400 mt-1">{t('parametres.schools.ministry_hint')}</p>
                         {errors.ministry && <p className="text-sm text-red-600 mt-1">{errors.ministry}</p>}
                     </div>
 
                     <div>
                         <label htmlFor="devise" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <Quote className="w-4 h-4 text-blue-500" />
-                            Devise (slogan) de l'école
+                            {t('parametres.schools.devise_label')}
                         </label>
                         <Input
                             id="devise"
@@ -136,7 +138,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                             onChange={e => setData('devise', e.target.value)}
                             disabled={processing}
                             className={errors.devise ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="Ex: Travail, Liberté, Patrie"
+                            placeholder={t('parametres.schools.devise_ph')}
                         />
                         {errors.devise && <p className="text-sm text-red-600 mt-1">{errors.devise}</p>}
                     </div>
@@ -144,7 +146,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div>
                         <label htmlFor="currency" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <WalletCards className="w-4 h-4 text-emerald-500" />
-                            Monnaie (comptabilité)
+                            {t('parametres.schools.currency')}
                         </label>
                         <select
                             id="currency"
@@ -168,7 +170,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="w-9 h-9 rounded-full bg-violet-100 flex items-center justify-center">
                         <ImageIcon className="w-5 h-5 text-violet-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Logo et contact</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.schools.section_logo')}</h3>
                 </div>
 
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -176,7 +178,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="md:col-span-2">
                         <label className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <ImageIcon className="w-4 h-4 text-violet-600" />
-                            Logo de l'école
+                            {t('parametres.schools.logo_label')}
                         </label>
                         <div className="flex items-center gap-4">
                             {preview ? (
@@ -204,9 +206,9 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                                     className="gap-2"
                                 >
                                     <ImageIcon className="w-4 h-4" />
-                                    {preview ? 'Changer le logo' : 'Choisir une image'}
+                                    {preview ? t('parametres.schools.change_logo') : t('parametres.schools.choose_image')}
                                 </Button>
-                                <p className="text-xs text-gray-400 mt-1">JPG, PNG, WebP — max 2 Mo</p>
+                                <p className="text-xs text-gray-400 mt-1">{t('parametres.schools.logo_hint')}</p>
                             </div>
                         </div>
                         {errors.logo && <p className="text-sm text-red-600 mt-1">{errors.logo}</p>}
@@ -215,7 +217,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div>
                         <label htmlFor="email" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <Mail className="w-4 h-4 text-violet-600" />
-                            E-mail
+                            {t('parametres.schools.email_label')}
                         </label>
                         <Input
                             id="email"
@@ -224,7 +226,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                             onChange={e => setData('email', e.target.value)}
                             disabled={processing}
                             className={errors.email ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="contact@ecole.com"
+                            placeholder={t('parametres.schools.email_ph')}
                         />
                         {errors.email && <p className="text-sm text-red-600 mt-1">{errors.email}</p>}
                     </div>
@@ -232,7 +234,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div>
                         <label htmlFor="phone" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <Phone className="w-4 h-4 text-violet-600" />
-                            Téléphone
+                            {t('parametres.schools.phone_label')}
                         </label>
                         <Input
                             id="phone"
@@ -240,7 +242,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                             onChange={e => setData('phone', e.target.value)}
                             disabled={processing}
                             className={errors.phone ? 'border-red-500 bg-red-50/40' : ''}
-                            placeholder="+228 XX XX XX XX"
+                            placeholder={t('parametres.schools.phone_ph')}
                         />
                         {errors.phone && <p className="text-sm text-red-600 mt-1">{errors.phone}</p>}
                     </div>
@@ -253,14 +255,14 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center">
                         <MapPinned className="w-5 h-5 text-emerald-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Localisation</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.schools.section_location')}</h3>
                 </div>
 
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
                         <label htmlFor="region" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <MapPin className="w-4 h-4 text-emerald-600" />
-                            Région
+                            {t('parametres.schools.region_label')}
                         </label>
                         <Input id="region" value={data.region} onChange={e => setData('region', e.target.value)} disabled={processing} className={errors.region ? 'border-red-500 bg-red-50/40' : ''} />
                         {errors.region && <p className="text-sm text-red-600 mt-1">{errors.region}</p>}
@@ -269,7 +271,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div>
                         <label htmlFor="city" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <MapPin className="w-4 h-4 text-emerald-600" />
-                            Ville
+                            {t('parametres.schools.city_label')}
                         </label>
                         <Input id="city" value={data.city} onChange={e => setData('city', e.target.value)} disabled={processing} className={errors.city ? 'border-red-500 bg-red-50/40' : ''} />
                         {errors.city && <p className="text-sm text-red-600 mt-1">{errors.city}</p>}
@@ -278,14 +280,14 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="md:col-span-2">
                         <label htmlFor="po_box" className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
                             <WalletCards className="w-4 h-4 text-emerald-600" />
-                            Boîte postale
+                            {t('parametres.schools.po_box_label')}
                         </label>
-                        <Input id="po_box" value={data.po_box} onChange={e => setData('po_box', e.target.value)} disabled={processing} className={errors.po_box ? 'border-red-500 bg-red-50/40' : ''} placeholder="BP 123" />
+                        <Input id="po_box" value={data.po_box} onChange={e => setData('po_box', e.target.value)} disabled={processing} className={errors.po_box ? 'border-red-500 bg-red-50/40' : ''} placeholder={t('parametres.schools.po_box_ph')} />
                         {errors.po_box && <p className="text-sm text-red-600 mt-1">{errors.po_box}</p>}
                     </div>
 
                     <div className="md:col-span-2">
-                        <label htmlFor="address" className="block text-sm font-medium text-gray-900 mb-2">Adresse complète</label>
+                        <label htmlFor="address" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.schools.address_label')}</label>
                         <Textarea id="address" rows={3} value={data.address} onChange={e => setData('address', e.target.value)} disabled={processing} className={errors.address ? 'border-red-500 bg-red-50/40' : ''} />
                         {errors.address && <p className="text-sm text-red-600 mt-1">{errors.address}</p>}
                     </div>
@@ -298,10 +300,10 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="w-9 h-9 rounded-full bg-indigo-100 flex items-center justify-center">
                         <Building2 className="w-5 h-5 text-indigo-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Types de classe proposés</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.schools.section_class_types')}</h3>
                 </div>
                 {classroomTypes.length === 0 ? (
-                    <p className="text-sm text-gray-400">Aucun type de classe disponible. Créez-en d'abord dans Paramètres → Types de classes.</p>
+                    <p className="text-sm text-gray-400">{t('parametres.schools.no_class_types')}</p>
                 ) : (
                     <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
                         {classroomTypes.map(ct => {
@@ -311,7 +313,7 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                                     <Checkbox checked={checked} onCheckedChange={() => toggleClassType(ct.id)} disabled={processing} />
                                     <div>
                                         <p className="text-sm font-medium text-gray-900">{ct.name}</p>
-                                        <p className="text-xs text-gray-400">{ct.period_system === 'semestre' ? 'Semestre (2 périodes)' : 'Trimestre (3 périodes)'}</p>
+                                        <p className="text-xs text-gray-400">{ct.period_system === 'semestre' ? t('parametres.schools.semester') : t('parametres.schools.trimester')}</p>
                                     </div>
                                 </label>
                             );
@@ -326,11 +328,11 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <div className="w-9 h-9 rounded-full bg-amber-100 flex items-center justify-center">
                         <ShieldCheck className="w-5 h-5 text-amber-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Statut</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.schools.section_status')}</h3>
                 </div>
                 <div className="flex items-center gap-3">
                     <Checkbox id="active" checked={data.active} onCheckedChange={checked => setData('active', checked === true)} />
-                    <label htmlFor="active" className="text-sm font-medium text-gray-700">École active</label>
+                    <label htmlFor="active" className="text-sm font-medium text-gray-700">{t('parametres.schools.active_label')}</label>
                 </div>
 
                 <div className="flex items-start gap-3 rounded-xl bg-white/70 px-3 py-3 ring-1 ring-amber-100">
@@ -338,17 +340,17 @@ export function SchoolForm({ mode, data, errors, processing, currentLogoUrl, cla
                     <label htmlFor="portal_enabled" className="cursor-pointer">
                         <span className="flex items-center gap-2 text-sm font-medium text-gray-700">
                             <Smartphone className="w-4 h-4 text-amber-600" />
-                            Accès au portail parents / élèves
+                            {t('parametres.schools.portal_label')}
                         </span>
                         <span className="mt-0.5 block text-xs text-gray-400">
-                            Lorsque désactivé, la connexion et toutes les fonctionnalités de l'espace parents/élèves sont bloquées.
+                            {t('parametres.schools.portal_hint')}
                         </span>
                     </label>
                 </div>
             </div>
 
             <div className="flex gap-3 pt-2">
-                <Button type="button" variant="outline" onClick={onCancel} disabled={processing} className="flex-1">Annuler</Button>
+                <Button type="button" variant="outline" onClick={onCancel} disabled={processing} className="flex-1">{t('parametres.common.cancel')}</Button>
                 <Button type="submit" disabled={processing} className="flex-1 gap-2 bg-blue-600 hover:bg-blue-700 shadow-sm">
                     <Save className="w-4 h-4" />
                     {submitLabel}
diff --git a/resources/js/pages/Parametres/Schools/Create.tsx b/resources/js/pages/Parametres/Schools/Create.tsx
index d5346d6a..07d6fa43 100644
--- a/resources/js/pages/Parametres/Schools/Create.tsx
+++ b/resources/js/pages/Parametres/Schools/Create.tsx
@@ -1,6 +1,7 @@
 import { Head, router, useForm } from '@inertiajs/react';
 import { SchoolForm, type SchoolFormData, type CurrencyOption } from '@/components/Schools/school-form';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 const initialValues: SchoolFormData = {
@@ -25,6 +26,7 @@ const initialValues: SchoolFormData = {
 interface ClassroomTypeOption { id: string; name: string; period_system: string; }
 
 export default function Create({ classroomTypes = [], currencies = [] }: Readonly<{ classroomTypes?: ClassroomTypeOption[]; currencies?: CurrencyOption[] }>) {
+    const { t } = useTranslation();
     const { data, setData, post, processing, errors } = useForm<SchoolFormData>(initialValues);
 
     const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
@@ -34,12 +36,12 @@ export default function Create({ classroomTypes = [], currencies = [] }: Readonl
 
     return (
         <AppLayout>
-            <Head title="Nouvelle école" />
+            <Head title={t('parametres.schools.create_head')} />
 
             <div className="w-full space-y-6">
                 <div>
-                    <h1 className="text-4xl font-bold tracking-tight text-gray-900">Configurer l'école</h1>
-                    <p className="mt-2 text-gray-600">Renseignez les informations de l'établissement.</p>
+                    <h1 className="text-4xl font-bold tracking-tight text-gray-900">{t('parametres.schools.create_title')}</h1>
+                    <p className="mt-2 text-gray-600">{t('parametres.schools.create_subtitle')}</p>
                 </div>
 
                 <SchoolForm
diff --git a/resources/js/pages/Parametres/Schools/Edit.tsx b/resources/js/pages/Parametres/Schools/Edit.tsx
index 51fb74cb..135377e3 100644
--- a/resources/js/pages/Parametres/Schools/Edit.tsx
+++ b/resources/js/pages/Parametres/Schools/Edit.tsx
@@ -1,6 +1,7 @@
 import { Head, router, useForm } from '@inertiajs/react';
 import { SchoolForm, type SchoolFormData, type CurrencyOption } from '@/components/Schools/school-form';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface School {
@@ -33,6 +34,7 @@ interface EditProps {
 }
 
 export default function Edit({ school, classroomTypes = [], selectedClassTypes = [], currencies = [] }: Readonly<EditProps>) {
+    const { t } = useTranslation();
     const currentLogoUrl = school.logo_url ?? null;
 
     const { data, setData, post, transform, processing, errors } = useForm<SchoolFormData>({
@@ -63,12 +65,12 @@ export default function Edit({ school, classroomTypes = [], selectedClassTypes =
 
     return (
         <AppLayout>
-            <Head title={`Éditer ${school.name}`} />
+            <Head title={t('parametres.schools.edit_head', { name: school.name })} />
 
             <div className="w-full space-y-6">
                 <div>
-                    <h1 className="text-4xl font-bold tracking-tight text-gray-900">Paramètres de l'école</h1>
-                    <p className="mt-2 text-gray-600">Informations, logo, en-tête et devise de {school.name}.</p>
+                    <h1 className="text-4xl font-bold tracking-tight text-gray-900">{t('parametres.schools.edit_title')}</h1>
+                    <p className="mt-2 text-gray-600">{t('parametres.schools.edit_subtitle', { name: school.name })}</p>
                 </div>
 
                 <SchoolForm
diff --git a/resources/js/pages/Parametres/Schools/Show.tsx b/resources/js/pages/Parametres/Schools/Show.tsx
index 4e0f736c..60293156 100644
--- a/resources/js/pages/Parametres/Schools/Show.tsx
+++ b/resources/js/pages/Parametres/Schools/Show.tsx
@@ -2,6 +2,7 @@ import { Head, Link } from '@inertiajs/react';
 import { ArrowLeft, Building2, CalendarClock, CheckCircle2, ImageIcon, Mail, MapPin, Pencil, Phone, Quote, XCircle, School } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface School {
@@ -28,6 +29,8 @@ interface ShowProps {
 }
 
 export default function Show({ school }: Readonly<ShowProps>) {
+    const { t, locale } = useTranslation();
+    const dateLocale = locale === 'en' ? 'en-GB' : 'fr-FR';
     const logoUrl = school.logo_url ?? null;
 
     return (
@@ -64,11 +67,11 @@ export default function Show({ school }: Readonly<ShowProps>) {
                                     <span className="text-xs text-gray-400 font-mono">{school.code}</span>
                                     {school.active ? (
                                         <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-100 text-green-700 text-xs font-semibold">
-                                            <CheckCircle2 className="w-3 h-3" /> Active
+                                            <CheckCircle2 className="w-3 h-3" /> {t('parametres.schools.active')}
                                         </span>
                                     ) : (
                                         <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-100 text-red-700 text-xs font-semibold">
-                                            <XCircle className="w-3 h-3" /> Inactive
+                                            <XCircle className="w-3 h-3" /> {t('parametres.schools.inactive')}
                                         </span>
                                     )}
                                 </div>
@@ -78,7 +81,7 @@ export default function Show({ school }: Readonly<ShowProps>) {
                     <Link href={route('schools.edit', school.id)}>
                         <Button className="gap-2 bg-blue-600 hover:bg-blue-700 shadow-sm">
                             <Pencil className="w-4 h-4" />
-                            Éditer
+                            {t('parametres.common.edit')}
                         </Button>
                     </Link>
                 </div>
@@ -88,31 +91,31 @@ export default function Show({ school }: Readonly<ShowProps>) {
                     <div className="bg-white rounded-2xl p-6 shadow-sm ring-1 ring-gray-100 space-y-4">
                         <h2 className="text-lg font-semibold text-gray-900 flex items-center gap-2">
                             <Building2 className="w-5 h-5 text-blue-600" />
-                            Informations générales
+                            {t('parametres.schools.section_general')}
                         </h2>
 
                         <div>
-                            <p className="text-xs text-gray-500 uppercase tracking-wide">Terme / Entité</p>
+                            <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.terme_entity')}</p>
                             <p className="text-sm font-medium text-gray-900 mt-0.5">{school.terme || '-'}</p>
                         </div>
 
                         <div>
                             <p className="text-xs text-gray-500 uppercase tracking-wide flex items-center gap-1">
-                                <Quote className="w-3 h-3" /> Devise
+                                <Quote className="w-3 h-3" /> {t('parametres.schools.devise')}
                             </p>
                             <p className="text-sm font-medium text-gray-900 italic mt-0.5">{school.devise || '-'}</p>
                         </div>
 
                         <div>
                             <p className="text-xs text-gray-500 uppercase tracking-wide flex items-center gap-1">
-                                <Mail className="w-3 h-3" /> E-mail
+                                <Mail className="w-3 h-3" /> {t('parametres.schools.email')}
                             </p>
                             <p className="text-sm font-medium text-gray-900 mt-0.5">{school.email || '-'}</p>
                         </div>
 
                         <div>
                             <p className="text-xs text-gray-500 uppercase tracking-wide flex items-center gap-1">
-                                <Phone className="w-3 h-3" /> Téléphone
+                                <Phone className="w-3 h-3" /> {t('parametres.schools.phone')}
                             </p>
                             <p className="text-sm font-medium text-gray-900 mt-0.5">{school.phone || '-'}</p>
                         </div>
@@ -123,22 +126,22 @@ export default function Show({ school }: Readonly<ShowProps>) {
                         <div className="bg-white rounded-2xl p-6 shadow-sm ring-1 ring-gray-100 space-y-3">
                             <h2 className="text-lg font-semibold text-gray-900 flex items-center gap-2">
                                 <MapPin className="w-5 h-5 text-emerald-600" />
-                                Localisation
+                                {t('parametres.schools.section_location')}
                             </h2>
                             <div>
-                                <p className="text-xs text-gray-500 uppercase tracking-wide">Région</p>
+                                <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.region')}</p>
                                 <p className="text-sm font-medium text-gray-900 mt-0.5">{school.region || '-'}</p>
                             </div>
                             <div>
-                                <p className="text-xs text-gray-500 uppercase tracking-wide">Ville</p>
+                                <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.city')}</p>
                                 <p className="text-sm font-medium text-gray-900 mt-0.5">{school.city || '-'}</p>
                             </div>
                             <div>
-                                <p className="text-xs text-gray-500 uppercase tracking-wide">Boîte postale</p>
+                                <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.po_box')}</p>
                                 <p className="text-sm font-medium text-gray-900 mt-0.5">{school.po_box || '-'}</p>
                             </div>
                             <div>
-                                <p className="text-xs text-gray-500 uppercase tracking-wide">Adresse</p>
+                                <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.address')}</p>
                                 <p className="text-sm font-medium text-gray-900 mt-0.5 whitespace-pre-wrap">{school.address || '-'}</p>
                             </div>
                         </div>
@@ -146,18 +149,18 @@ export default function Show({ school }: Readonly<ShowProps>) {
                         <div className="bg-white rounded-2xl p-6 shadow-sm ring-1 ring-gray-100 space-y-3">
                             <h2 className="text-lg font-semibold text-gray-900 flex items-center gap-2">
                                 <CalendarClock className="w-5 h-5 text-violet-600" />
-                                Événements
+                                {t('parametres.schools.section_events')}
                             </h2>
                             <div>
-                                <p className="text-xs text-gray-500 uppercase tracking-wide">Créée le</p>
+                                <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.created_on')}</p>
                                 <p className="text-sm font-medium text-gray-900 mt-0.5">
-                                    {new Date(school.created_at).toLocaleDateString('fr-FR', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}
+                                    {new Date(school.created_at).toLocaleDateString(dateLocale, { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}
                                 </p>
                             </div>
                             <div>
-                                <p className="text-xs text-gray-500 uppercase tracking-wide">Modifiée le</p>
+                                <p className="text-xs text-gray-500 uppercase tracking-wide">{t('parametres.schools.updated_on')}</p>
                                 <p className="text-sm font-medium text-gray-900 mt-0.5">
-                                    {new Date(school.updated_at).toLocaleDateString('fr-FR', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}
+                                    {new Date(school.updated_at).toLocaleDateString(dateLocale, { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}
                                 </p>
                             </div>
                         </div>

From 53ae150c23b6b24acf255bbe155843b74cf6b5b7 Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 16:56:38 +0000
Subject: [PATCH 3/5] =?UTF-8?q?feat(i18n):=20param=C3=A8tres=20=E2=80=94?=
 =?UTF-8?q?=20=C3=A0=20propos=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/parametres.php                  | 36 +++++++++++++
 lang/fr/parametres.php                  | 36 +++++++++++++
 resources/js/pages/Parametres/About.tsx | 72 ++++++++++++-------------
 3 files changed, 108 insertions(+), 36 deletions(-)

diff --git a/lang/en/parametres.php b/lang/en/parametres.php
index 4447950e..1ef86410 100644
--- a/lang/en/parametres.php
+++ b/lang/en/parametres.php
@@ -108,4 +108,40 @@
         'portal_hint' => 'When disabled, login and all parent/student area features are blocked.',
         'submit_create' => 'Create school',
     ],
+
+    'about' => [
+        'head' => 'About',
+        'intro' => 'School management system — from student enrollment to report cards, including tuition and payroll. Designed for Togolese schools 🇹🇬.',
+        'section_covers' => 'What the application covers',
+        'section_license' => 'Publisher & license',
+        'edited_by' => 'Published by',
+        'license' => 'License',
+        'license_value' => 'GNU GPL v3 — free software',
+        'rights' => 'Rights',
+        'license_note' => 'You may use, study, modify and redistribute this software under the terms of the GPL v3.',
+        'section_tech' => 'Technical information',
+        'app_version' => 'Application version',
+        'environment' => 'Environment',
+        'section_support' => 'Need help?',
+        'support_before' => 'First check the',
+        'link_docs' => 'documentation',
+        'support_middle' => '. To report a problem or suggest an improvement, open a ticket on the',
+        'link_repo' => 'GitHub repository',
+        'modules' => [
+            'students' => ['title' => 'Students & enrollment', 'desc' => 'Full records, enrollment, class promotion, scholarships.'],
+            'grades' => ['title' => 'Grades & reports', 'desc' => 'Entry, configurable averages, PDF reports, appeals.'],
+            'attendance' => ['title' => 'Attendance', 'desc' => 'Roll call per session, attendance statistics, absence permissions.'],
+            'exams' => ['title' => 'Official exams', 'desc' => 'CEPD, BEPC, BAC: registrations, scheduling, results.'],
+            'finance' => ['title' => 'Finances & recovery', 'desc' => 'Fees, invoices, payments (incl. Mobile Money), receipts.'],
+            'payroll' => ['title' => 'Staff & payroll', 'desc' => 'Employee records, pay runs, payslips (CNSS, ITS).'],
+            'timetable' => ['title' => 'Timetable & calendar', 'desc' => 'Grids per class, school calendar.'],
+            'backups' => ['title' => 'Backups & statistics', 'desc' => 'Scheduled backups, dashboards and exports.'],
+        ],
+        'links' => [
+            'docs' => ['title' => 'Documentation', 'sub' => 'A to Z guide'],
+            'website' => ['title' => 'Website', 'sub' => 'Overview & features'],
+            'source' => ['title' => 'Source code', 'sub' => 'GitHub repository'],
+            'changelog' => ['title' => 'Changelog', 'sub' => 'History of changes'],
+        ],
+    ],
 ];
diff --git a/lang/fr/parametres.php b/lang/fr/parametres.php
index f61fded0..2b0b79e3 100644
--- a/lang/fr/parametres.php
+++ b/lang/fr/parametres.php
@@ -108,4 +108,40 @@
         'portal_hint' => 'Lorsque désactivé, la connexion et toutes les fonctionnalités de l\'espace parents/élèves sont bloquées.',
         'submit_create' => 'Créer l\'école',
     ],
+
+    'about' => [
+        'head' => 'À propos',
+        'intro' => 'Système de gestion scolaire — de l\'inscription de l\'élève au bulletin, en passant par l\'écolage et la paie. Pensé pour les établissements togolais 🇹🇬.',
+        'section_covers' => 'Ce que couvre l\'application',
+        'section_license' => 'Éditeur & licence',
+        'edited_by' => 'Édité par',
+        'license' => 'Licence',
+        'license_value' => 'GNU GPL v3 — logiciel libre',
+        'rights' => 'Droits',
+        'license_note' => 'Vous pouvez utiliser, étudier, modifier et redistribuer ce logiciel selon les termes de la GPL v3.',
+        'section_tech' => 'Informations techniques',
+        'app_version' => 'Version de l\'application',
+        'environment' => 'Environnement',
+        'section_support' => 'Besoin d\'aide ?',
+        'support_before' => 'Consultez d\'abord la',
+        'link_docs' => 'documentation',
+        'support_middle' => '. Pour signaler un problème ou proposer une amélioration, ouvrez un ticket sur le',
+        'link_repo' => 'dépôt GitHub',
+        'modules' => [
+            'students' => ['title' => 'Élèves & inscriptions', 'desc' => 'Dossiers complets, inscriptions, passage de classe, bourses.'],
+            'grades' => ['title' => 'Notes & bulletins', 'desc' => 'Saisie, moyennes paramétrables, bulletins PDF, réclamations.'],
+            'attendance' => ['title' => 'Présences', 'desc' => 'Appel par séance, statistiques d\'assiduité, permissions d\'absence.'],
+            'exams' => ['title' => 'Examens officiels', 'desc' => 'CEPD, BEPC, BAC : inscriptions, planning, résultats.'],
+            'finance' => ['title' => 'Finances & recouvrement', 'desc' => 'Frais, factures, paiements (dont Mobile Money), reçus.'],
+            'payroll' => ['title' => 'Personnel & paie', 'desc' => 'Fiches employés, cycles de paie, bulletins (CNSS, ITS).'],
+            'timetable' => ['title' => 'Emploi du temps & calendrier', 'desc' => 'Grilles par classe, calendrier de l\'établissement.'],
+            'backups' => ['title' => 'Sauvegardes & statistiques', 'desc' => 'Sauvegardes planifiées, tableaux de bord et exports.'],
+        ],
+        'links' => [
+            'docs' => ['title' => 'Documentation', 'sub' => 'Guide de A à Z'],
+            'website' => ['title' => 'Site web', 'sub' => 'Présentation & fonctionnalités'],
+            'source' => ['title' => 'Code source', 'sub' => 'Dépôt GitHub'],
+            'changelog' => ['title' => 'Journal des versions', 'sub' => 'Historique des évolutions'],
+        ],
+    ],
 ];
diff --git a/resources/js/pages/Parametres/About.tsx b/resources/js/pages/Parametres/About.tsx
index a91101f5..9c285d60 100644
--- a/resources/js/pages/Parametres/About.tsx
+++ b/resources/js/pages/Parametres/About.tsx
@@ -3,6 +3,7 @@ import {
     BadgeCheck, BookOpen, CalendarRange, ClipboardList, DatabaseBackup, ExternalLink,
     FileBadge, GraduationCap, Info, Scale, Server, Wallet, Globe, FileCode2, ScrollText, Users, Heart,
 } from 'lucide-react';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface Props {
@@ -13,22 +14,22 @@ const GITHUB = 'https://github.com/wearedalibi/dalibi';
 const SITE = 'https://dalibi.wearekarfi.dev';
 
 /** Modules couverts par l'application (résumé). */
-const MODULES: { icon: React.ElementType; title: string; desc: string }[] = [
-    { icon: Users, title: 'Élèves & inscriptions', desc: 'Dossiers complets, inscriptions, passage de classe, bourses.' },
-    { icon: FileBadge, title: 'Notes & bulletins', desc: 'Saisie, moyennes paramétrables, bulletins PDF, réclamations.' },
-    { icon: ClipboardList, title: 'Présences', desc: 'Appel par séance, statistiques d’assiduité, permissions d’absence.' },
-    { icon: GraduationCap, title: 'Examens officiels', desc: 'CEPD, BEPC, BAC : inscriptions, planning, résultats.' },
-    { icon: Wallet, title: 'Finances & recouvrement', desc: 'Frais, factures, paiements (dont Mobile Money), reçus.' },
-    { icon: BadgeCheck, title: 'Personnel & paie', desc: 'Fiches employés, cycles de paie, bulletins (CNSS, ITS).' },
-    { icon: CalendarRange, title: 'Emploi du temps & calendrier', desc: 'Grilles par classe, calendrier de l’établissement.' },
-    { icon: DatabaseBackup, title: 'Sauvegardes & statistiques', desc: 'Sauvegardes planifiées, tableaux de bord et exports.' },
+const MODULES: { icon: React.ElementType; key: string }[] = [
+    { icon: Users, key: 'students' },
+    { icon: FileBadge, key: 'grades' },
+    { icon: ClipboardList, key: 'attendance' },
+    { icon: GraduationCap, key: 'exams' },
+    { icon: Wallet, key: 'finance' },
+    { icon: BadgeCheck, key: 'payroll' },
+    { icon: CalendarRange, key: 'timetable' },
+    { icon: DatabaseBackup, key: 'backups' },
 ];
 
-const LINKS: { icon: React.ElementType; title: string; href: string; sub: string }[] = [
-    { icon: BookOpen, title: 'Documentation', href: `${SITE}/documentation`, sub: 'Guide de A à Z' },
-    { icon: Globe, title: 'Site web', href: SITE, sub: 'Présentation & fonctionnalités' },
-    { icon: FileCode2, title: 'Code source', href: GITHUB, sub: 'Dépôt GitHub' },
-    { icon: ScrollText, title: 'Journal des versions', href: `${GITHUB}/blob/main/CHANGELOG.md`, sub: 'Historique des évolutions' },
+const LINKS: { icon: React.ElementType; key: string; href: string }[] = [
+    { icon: BookOpen, key: 'docs', href: `${SITE}/documentation` },
+    { icon: Globe, key: 'website', href: SITE },
+    { icon: FileCode2, key: 'source', href: GITHUB },
+    { icon: ScrollText, key: 'changelog', href: `${GITHUB}/blob/main/CHANGELOG.md` },
 ];
 
 function Card({ children }: { children: React.ReactNode }) {
@@ -36,11 +37,12 @@ function Card({ children }: { children: React.ReactNode }) {
 }
 
 export default function About({ app }: Readonly<Props>) {
+    const { t } = useTranslation();
     const brand = app.name ? app.name.charAt(0).toUpperCase() + app.name.slice(1) : 'Dalibi';
 
     return (
         <AppLayout>
-            <Head title="À propos" />
+            <Head title={t('parametres.about.head')} />
             <div className="w-full max-w-5xl mx-auto space-y-6 p-1">
 
                 {/* En-tête : logo officiel Dalibi (version blanche en mode sombre) + version */}
@@ -55,8 +57,7 @@ export default function About({ app }: Readonly<Props>) {
                         </a>
                     </div>
                     <p className="mt-3 text-sm text-gray-500 dark:text-gray-400">
-                        Système de gestion scolaire — de l’inscription de l’élève au bulletin, en passant par l’écolage et la paie.
-                        Pensé pour les établissements togolais 🇹🇬.
+                        {t('parametres.about.intro')}
                     </p>
                 </div>
 
@@ -65,14 +66,14 @@ export default function About({ app }: Readonly<Props>) {
                     {LINKS.map((l) => {
                         const Icon = l.icon;
                         return (
-                            <a key={l.title} href={l.href} target="_blank" rel="noopener noreferrer"
+                            <a key={l.key} href={l.href} target="_blank" rel="noopener noreferrer"
                                 className="group rounded-xl border border-gray-100 dark:border-gray-700 bg-white dark:bg-card p-4 shadow-sm hover:border-blue-300 dark:hover:border-blue-700 transition-colors">
                                 <div className="flex items-center justify-between">
                                     <Icon className="w-5 h-5 text-blue-600" />
                                     <ExternalLink className="w-3.5 h-3.5 text-gray-300 group-hover:text-blue-500" />
                                 </div>
-                                <p className="mt-2 text-sm font-semibold text-gray-900 dark:text-white">{l.title}</p>
-                                <p className="text-xs text-gray-400">{l.sub}</p>
+                                <p className="mt-2 text-sm font-semibold text-gray-900 dark:text-white">{t(`parametres.about.links.${l.key}.title`)}</p>
+                                <p className="text-xs text-gray-400">{t(`parametres.about.links.${l.key}.sub`)}</p>
                             </a>
                         );
                     })}
@@ -80,16 +81,16 @@ export default function About({ app }: Readonly<Props>) {
 
                 {/* Ce que fait l'application */}
                 <Card>
-                    <div className="flex items-center gap-2 mb-4"><Info className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">Ce que couvre l’application</h2></div>
+                    <div className="flex items-center gap-2 mb-4"><Info className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">{t('parametres.about.section_covers')}</h2></div>
                     <div className="grid sm:grid-cols-2 gap-x-6 gap-y-4">
                         {MODULES.map((m) => {
                             const Icon = m.icon;
                             return (
-                                <div key={m.title} className="flex gap-3">
+                                <div key={m.key} className="flex gap-3">
                                     <div className="rounded-lg bg-blue-50 dark:bg-gray-700 p-2 h-fit"><Icon className="w-4 h-4 text-blue-600 dark:text-blue-300" /></div>
                                     <div>
-                                        <p className="text-sm font-medium text-gray-900 dark:text-white">{m.title}</p>
-                                        <p className="text-xs text-gray-500 dark:text-gray-400">{m.desc}</p>
+                                        <p className="text-sm font-medium text-gray-900 dark:text-white">{t(`parametres.about.modules.${m.key}.title`)}</p>
+                                        <p className="text-xs text-gray-500 dark:text-gray-400">{t(`parametres.about.modules.${m.key}.desc`)}</p>
                                     </div>
                                 </div>
                             );
@@ -100,44 +101,43 @@ export default function About({ app }: Readonly<Props>) {
                 <div className="grid lg:grid-cols-2 gap-4">
                     {/* Éditeur & licence */}
                     <Card>
-                        <div className="flex items-center gap-2 mb-4"><Scale className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">Éditeur & licence</h2></div>
+                        <div className="flex items-center gap-2 mb-4"><Scale className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">{t('parametres.about.section_license')}</h2></div>
                         <dl className="space-y-3 text-sm">
                             <div className="flex justify-between gap-4">
-                                <dt className="text-gray-500 dark:text-gray-400">Édité par</dt>
+                                <dt className="text-gray-500 dark:text-gray-400">{t('parametres.about.edited_by')}</dt>
                                 <dd className="font-medium text-gray-900 dark:text-white text-right">Kudayah Sassou Horacio Herve</dd>
                             </div>
                             <div className="flex justify-between gap-4">
-                                <dt className="text-gray-500 dark:text-gray-400">Licence</dt>
-                                <dd className="font-medium text-gray-900 dark:text-white text-right">GNU GPL v3 — logiciel libre</dd>
+                                <dt className="text-gray-500 dark:text-gray-400">{t('parametres.about.license')}</dt>
+                                <dd className="font-medium text-gray-900 dark:text-white text-right">{t('parametres.about.license_value')}</dd>
                             </div>
                             <div className="flex justify-between gap-4">
-                                <dt className="text-gray-500 dark:text-gray-400">Droits</dt>
+                                <dt className="text-gray-500 dark:text-gray-400">{t('parametres.about.rights')}</dt>
                                 <dd className="font-medium text-gray-900 dark:text-white text-right">© {new Date().getFullYear()} {brand}</dd>
                             </div>
                         </dl>
                         <p className="mt-4 flex items-center gap-1.5 text-xs text-gray-400">
-                            <Heart className="w-3.5 h-3.5 text-rose-400" /> Vous pouvez utiliser, étudier, modifier et redistribuer ce logiciel selon les termes de la GPL v3.
+                            <Heart className="w-3.5 h-3.5 text-rose-400" /> {t('parametres.about.license_note')}
                         </p>
                     </Card>
 
                     {/* Informations techniques */}
                     <Card>
-                        <div className="flex items-center gap-2 mb-4"><Server className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">Informations techniques</h2></div>
+                        <div className="flex items-center gap-2 mb-4"><Server className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">{t('parametres.about.section_tech')}</h2></div>
                         <dl className="space-y-3 text-sm">
-                            <div className="flex justify-between gap-4"><dt className="text-gray-500 dark:text-gray-400">Version de l’application</dt><dd className="font-mono font-medium text-gray-900 dark:text-white">v{app.version}</dd></div>
+                            <div className="flex justify-between gap-4"><dt className="text-gray-500 dark:text-gray-400">{t('parametres.about.app_version')}</dt><dd className="font-mono font-medium text-gray-900 dark:text-white">v{app.version}</dd></div>
                             <div className="flex justify-between gap-4"><dt className="text-gray-500 dark:text-gray-400">Laravel</dt><dd className="font-mono font-medium text-gray-900 dark:text-white">{app.laravel}</dd></div>
                             <div className="flex justify-between gap-4"><dt className="text-gray-500 dark:text-gray-400">PHP</dt><dd className="font-mono font-medium text-gray-900 dark:text-white">{app.php}</dd></div>
-                            <div className="flex justify-between gap-4"><dt className="text-gray-500 dark:text-gray-400">Environnement</dt><dd className="font-mono font-medium text-gray-900 dark:text-white">{app.environment}</dd></div>
+                            <div className="flex justify-between gap-4"><dt className="text-gray-500 dark:text-gray-400">{t('parametres.about.environment')}</dt><dd className="font-mono font-medium text-gray-900 dark:text-white">{app.environment}</dd></div>
                         </dl>
                     </Card>
                 </div>
 
                 {/* Support */}
                 <Card>
-                    <div className="flex items-center gap-2 mb-2"><Info className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">Besoin d’aide ?</h2></div>
+                    <div className="flex items-center gap-2 mb-2"><Info className="w-4 h-4 text-gray-400" /><h2 className="font-semibold text-sm text-gray-900 dark:text-white">{t('parametres.about.section_support')}</h2></div>
                     <p className="text-sm text-gray-500 dark:text-gray-400">
-                        Consultez d’abord la <a href={`${SITE}/documentation`} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">documentation</a>.
-                        Pour signaler un problème ou proposer une amélioration, ouvrez un ticket sur le <a href={`${GITHUB}/issues`} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">dépôt GitHub</a>.
+                        {t('parametres.about.support_before')} <a href={`${SITE}/documentation`} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">{t('parametres.about.link_docs')}</a>{t('parametres.about.support_middle')} <a href={`${GITHUB}/issues`} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">{t('parametres.about.link_repo')}</a>.
                     </p>
                 </Card>
             </div>

From 9bb32582495b1a3c6820618d69fc5ee10964d58a Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 17:01:05 +0000
Subject: [PATCH 4/5] =?UTF-8?q?feat(i18n):=20param=C3=A8tres=20=E2=80=94?=
 =?UTF-8?q?=20types=20d'=C3=A9valuation=20(liste,=20cr=C3=A9ation,=20?=
 =?UTF-8?q?=C3=A9dition,=20d=C3=A9tail)=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/parametres.php                        | 47 +++++++++++++++++
 lang/fr/parametres.php                        | 47 +++++++++++++++++
 .../EvaluationTypes/evaluation-type-form.tsx  | 50 ++++++++++---------
 .../Parametres/EvaluationTypes/Create.tsx     |  8 +--
 .../pages/Parametres/EvaluationTypes/Edit.tsx |  8 +--
 .../Parametres/EvaluationTypes/Index.tsx      | 47 +++++++++--------
 .../pages/Parametres/EvaluationTypes/Show.tsx | 23 +++++----
 7 files changed, 169 insertions(+), 61 deletions(-)

diff --git a/lang/en/parametres.php b/lang/en/parametres.php
index 1ef86410..9932f29b 100644
--- a/lang/en/parametres.php
+++ b/lang/en/parametres.php
@@ -144,4 +144,51 @@
             'changelog' => ['title' => 'Changelog', 'sub' => 'History of changes'],
         ],
     ],
+
+    'evaluation_types' => [
+        'head' => 'Evaluation types',
+        'title' => 'Evaluation types',
+        'subtitle' => 'Manage evaluation types',
+        'new' => 'New type',
+        'stat_total' => 'Total types',
+        'stat_shown' => 'Results shown',
+        'stat_page' => 'Page',
+        'search_ph' => 'Search a type...',
+        'th_name' => 'Name',
+        'th_description' => 'Description',
+        'th_created' => 'Created on',
+        'empty' => 'No type found',
+        'delete_q' => 'Delete this type?',
+
+        'create_head' => 'Create an evaluation type',
+        'create_title' => 'Create an evaluation type',
+        'create_subtitle' => 'Enter the evaluation type information.',
+        'edit_head' => 'Edit evaluation type',
+        'edit_title' => 'Edit an evaluation type',
+        'edit_subtitle' => 'Update the information for :name.',
+
+        'show_subtitle' => 'Evaluation type details.',
+        'main_info' => 'Main information',
+        'name' => 'Name',
+        'description' => 'Description',
+        'no_description' => 'No description provided for this evaluation type.',
+        'history' => 'History',
+        'created_on' => 'Created on',
+        'updated_on' => 'Updated on',
+
+        'form_section' => 'Evaluation type information',
+        'name_label' => 'Name *',
+        'name_ph' => 'e.g. Supervised test',
+        'category_label' => 'Category *',
+        'category_ph' => 'Choose a category',
+        'category_hint' => 'Determines whether grades feed the report card\'s "class grade" or "composition".',
+        'cat_continu' => 'Continuous assessment (class grade)',
+        'cat_composition' => 'Composition (exam)',
+        'description_label' => 'Description',
+        'description_ph' => 'Specify the educational context of this evaluation type...',
+        'preview' => 'Preview',
+        'preview_name' => 'Type name',
+        'preview_no_description' => 'No description provided.',
+        'submit_create' => 'Create type',
+    ],
 ];
diff --git a/lang/fr/parametres.php b/lang/fr/parametres.php
index 2b0b79e3..01b8329c 100644
--- a/lang/fr/parametres.php
+++ b/lang/fr/parametres.php
@@ -144,4 +144,51 @@
             'changelog' => ['title' => 'Journal des versions', 'sub' => 'Historique des évolutions'],
         ],
     ],
+
+    'evaluation_types' => [
+        'head' => 'Types d\'évaluation',
+        'title' => 'Types d\'évaluation',
+        'subtitle' => 'Gérez les types d\'évaluation',
+        'new' => 'Nouveau type',
+        'stat_total' => 'Types totaux',
+        'stat_shown' => 'Résultats affichés',
+        'stat_page' => 'Page',
+        'search_ph' => 'Rechercher un type...',
+        'th_name' => 'Nom',
+        'th_description' => 'Description',
+        'th_created' => 'Créé le',
+        'empty' => 'Aucun type trouvé',
+        'delete_q' => 'Supprimer ce type ?',
+
+        'create_head' => 'Créer un type d\'évaluation',
+        'create_title' => 'Créer un type d\'évaluation',
+        'create_subtitle' => 'Renseignez les informations du type d\'évaluation.',
+        'edit_head' => 'Modifier type d\'évaluation',
+        'edit_title' => 'Éditer un type d\'évaluation',
+        'edit_subtitle' => 'Mettez à jour les informations de :name.',
+
+        'show_subtitle' => 'Détails du type d\'évaluation.',
+        'main_info' => 'Informations principales',
+        'name' => 'Nom',
+        'description' => 'Description',
+        'no_description' => 'Aucune description renseignée pour ce type d\'évaluation.',
+        'history' => 'Historique',
+        'created_on' => 'Créé le',
+        'updated_on' => 'Modifié le',
+
+        'form_section' => 'Informations du type d\'évaluation',
+        'name_label' => 'Nom *',
+        'name_ph' => 'Ex: Devoir surveillé',
+        'category_label' => 'Catégorie *',
+        'category_ph' => 'Choisir une catégorie',
+        'category_hint' => 'Détermine si les notes alimentent la « note de classe » ou la « composition » du bulletin.',
+        'cat_continu' => 'Contrôle continu (note de classe)',
+        'cat_composition' => 'Composition (examen)',
+        'description_label' => 'Description',
+        'description_ph' => 'Précisez le contexte pédagogique de ce type d\'évaluation...',
+        'preview' => 'Aperçu',
+        'preview_name' => 'Nom du type',
+        'preview_no_description' => 'Aucune description renseignée.',
+        'submit_create' => 'Créer le type',
+    ],
 ];
diff --git a/resources/js/components/EvaluationTypes/evaluation-type-form.tsx b/resources/js/components/EvaluationTypes/evaluation-type-form.tsx
index e646df7f..63a5e305 100644
--- a/resources/js/components/EvaluationTypes/evaluation-type-form.tsx
+++ b/resources/js/components/EvaluationTypes/evaluation-type-form.tsx
@@ -3,6 +3,7 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Textarea } from '@/components/ui/textarea';
+import { useTranslation } from '@/helpers/i18n';
 
 export interface EvaluationTypeFormData {
     name: string;
@@ -10,10 +11,7 @@ export interface EvaluationTypeFormData {
     description: string;
 }
 
-const CATEGORY_LABELS: Record<string, string> = {
-    continu: 'Contrôle continu (note de classe)',
-    composition: 'Composition (examen)',
-};
+const CATEGORY_KEYS = ['continu', 'composition'] as const;
 
 interface EvaluationTypeFormProps {
     mode: 'create' | 'edit';
@@ -34,14 +32,20 @@ export function EvaluationTypeForm({
     onSubmit,
     setData,
 }: Readonly<EvaluationTypeFormProps>) {
-    let submitLabel = 'Mettre à jour';
+    const { t } = useTranslation();
+    const categoryLabel = (key: string) =>
+        key === 'continu' || key === 'composition'
+            ? t(`parametres.evaluation_types.cat_${key}`)
+            : key;
+
+    let submitLabel = t('parametres.common.update');
 
     if (processing && mode === 'create') {
-        submitLabel = 'Création...';
+        submitLabel = t('parametres.common.creating');
     } else if (processing) {
-        submitLabel = 'Mise à jour...';
+        submitLabel = t('parametres.common.updating');
     } else if (mode === 'create') {
-        submitLabel = 'Créer le type';
+        submitLabel = t('parametres.evaluation_types.submit_create');
     }
 
     return (
@@ -51,48 +55,48 @@ export function EvaluationTypeForm({
                     <div className="w-9 h-9 rounded-full bg-blue-100 flex items-center justify-center">
                         <ClipboardList className="w-5 h-5 text-blue-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Informations du type d'évaluation</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.evaluation_types.form_section')}</h3>
                 </div>
 
                 <div className="space-y-4">
                     <div>
-                        <label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">Nom *</label>
+                        <label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.evaluation_types.name_label')}</label>
                         <Input
                             id="name"
                             value={data.name}
                             onChange={(event) => setData('name', event.target.value)}
                             disabled={processing}
-                            placeholder="Ex: Devoir surveillé"
+                            placeholder={t('parametres.evaluation_types.name_ph')}
                             className={errors.name ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
                         />
                         {errors.name && <p className="text-sm text-red-600 mt-1">{errors.name}</p>}
                     </div>
 
                     <div>
-                        <label className="block text-sm font-medium text-gray-900 mb-2">Catégorie *</label>
+                        <label className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.evaluation_types.category_label')}</label>
                         <Select value={data.category} onValueChange={(v) => setData('category', v)} disabled={processing}>
                             <SelectTrigger className={errors.category ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white'}>
-                                <SelectValue placeholder="Choisir une catégorie" />
+                                <SelectValue placeholder={t('parametres.evaluation_types.category_ph')} />
                             </SelectTrigger>
                             <SelectContent>
-                                {Object.entries(CATEGORY_LABELS).map(([value, label]) => (
-                                    <SelectItem key={value} value={value}>{label}</SelectItem>
+                                {CATEGORY_KEYS.map((value) => (
+                                    <SelectItem key={value} value={value}>{categoryLabel(value)}</SelectItem>
                                 ))}
                             </SelectContent>
                         </Select>
-                        <p className="text-xs text-gray-500 mt-1">Détermine si les notes alimentent la « note de classe » ou la « composition » du bulletin.</p>
+                        <p className="text-xs text-gray-500 mt-1">{t('parametres.evaluation_types.category_hint')}</p>
                         {errors.category && <p className="text-sm text-red-600 mt-1">{errors.category}</p>}
                     </div>
 
                     <div>
-                        <label htmlFor="description" className="block text-sm font-medium text-gray-900 mb-2">Description</label>
+                        <label htmlFor="description" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.evaluation_types.description_label')}</label>
                         <Textarea
                             id="description"
                             rows={4}
                             value={data.description}
                             onChange={(event) => setData('description', event.target.value)}
                             disabled={processing}
-                            placeholder="Précisez le contexte pédagogique de ce type d'évaluation..."
+                            placeholder={t('parametres.evaluation_types.description_ph')}
                             className={errors.description ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
                         />
                         {errors.description && <p className="text-sm text-red-600 mt-1">{errors.description}</p>}
@@ -105,20 +109,20 @@ export function EvaluationTypeForm({
                     <div className="w-9 h-9 rounded-full bg-amber-100 flex items-center justify-center">
                         <Sparkles className="w-5 h-5 text-amber-600" />
                     </div>
-                    <h3 className="text-lg font-semibold text-gray-900">Aperçu</h3>
+                    <h3 className="text-lg font-semibold text-gray-900">{t('parametres.evaluation_types.preview')}</h3>
                 </div>
                 <p className="text-sm text-gray-700 mt-3">
-                    <span className="font-semibold">{data.name || 'Nom du type'}</span>
-                    {data.category && <span className="ml-2 text-xs text-gray-500">— {CATEGORY_LABELS[data.category] ?? data.category}</span>}
+                    <span className="font-semibold">{data.name || t('parametres.evaluation_types.preview_name')}</span>
+                    {data.category && <span className="ml-2 text-xs text-gray-500">— {categoryLabel(data.category)}</span>}
                 </p>
                 <p className="text-sm text-gray-600 mt-1 whitespace-pre-wrap">
-                    {data.description || 'Aucune description renseignée.'}
+                    {data.description || t('parametres.evaluation_types.preview_no_description')}
                 </p>
             </div>
 
             <div className="flex gap-3 pt-2">
                 <Button type="button" variant="outline" onClick={onCancel} disabled={processing} className="flex-1 border-gray-200 text-gray-700 hover:bg-gray-50">
-                    Annuler
+                    {t('parametres.common.cancel')}
                 </Button>
                 <Button type="submit" disabled={processing} className="flex-1 gap-2 bg-blue-600 hover:bg-blue-700 shadow-sm">
                     <Save className="w-4 h-4" />
diff --git a/resources/js/pages/Parametres/EvaluationTypes/Create.tsx b/resources/js/pages/Parametres/EvaluationTypes/Create.tsx
index b85bc9cc..a182004f 100644
--- a/resources/js/pages/Parametres/EvaluationTypes/Create.tsx
+++ b/resources/js/pages/Parametres/EvaluationTypes/Create.tsx
@@ -5,6 +5,7 @@ import {
     type EvaluationTypeFormData,
 } from '@/components/EvaluationTypes/evaluation-type-form';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 const initialValues: EvaluationTypeFormData = {
@@ -14,6 +15,7 @@ const initialValues: EvaluationTypeFormData = {
 };
 
 export default function Create() {
+    const { t } = useTranslation();
     const { data, setData, post, processing, errors } = useForm<EvaluationTypeFormData>(initialValues);
 
     const submit = (event: React.SubmitEvent<HTMLFormElement>) => {
@@ -23,7 +25,7 @@ export default function Create() {
 
     return (
         <AppLayout>
-            <Head title="Créer un type d'évaluation" />
+            <Head title={t('parametres.evaluation_types.create_head')} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-center gap-4">
@@ -31,8 +33,8 @@ export default function Create() {
                         <ArrowLeft className="w-5 h-5 text-gray-600" />
                     </button>
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">Créer un type d'évaluation</h1>
-                        <p className="mt-2 text-gray-600">Renseignez les informations du type d'évaluation.</p>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">{t('parametres.evaluation_types.create_title')}</h1>
+                        <p className="mt-2 text-gray-600">{t('parametres.evaluation_types.create_subtitle')}</p>
                     </div>
                 </div>
 
diff --git a/resources/js/pages/Parametres/EvaluationTypes/Edit.tsx b/resources/js/pages/Parametres/EvaluationTypes/Edit.tsx
index 123bc670..5aaf3913 100644
--- a/resources/js/pages/Parametres/EvaluationTypes/Edit.tsx
+++ b/resources/js/pages/Parametres/EvaluationTypes/Edit.tsx
@@ -5,6 +5,7 @@ import {
     type EvaluationTypeFormData,
 } from '@/components/EvaluationTypes/evaluation-type-form';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface EvaluationType {
@@ -19,6 +20,7 @@ interface EditProps {
 }
 
 export default function Edit({ evaluationType }: Readonly<EditProps>) {
+    const { t } = useTranslation();
     const { data, setData, put, processing, errors } = useForm<EvaluationTypeFormData>({
         name: evaluationType.name,
         category: evaluationType.category || 'continu',
@@ -32,7 +34,7 @@ export default function Edit({ evaluationType }: Readonly<EditProps>) {
 
     return (
         <AppLayout>
-            <Head title="Modifier type d'évaluation" />
+            <Head title={t('parametres.evaluation_types.edit_head')} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-center gap-4">
@@ -40,8 +42,8 @@ export default function Edit({ evaluationType }: Readonly<EditProps>) {
                         <ArrowLeft className="w-5 h-5 text-gray-600" />
                     </button>
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">Éditer un type d'évaluation</h1>
-                        <p className="mt-2 text-gray-600">Mettez à jour les informations de {evaluationType.name}.</p>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900">{t('parametres.evaluation_types.edit_title')}</h1>
+                        <p className="mt-2 text-gray-600">{t('parametres.evaluation_types.edit_subtitle', { name: evaluationType.name })}</p>
                     </div>
                 </div>
 
diff --git a/resources/js/pages/Parametres/EvaluationTypes/Index.tsx b/resources/js/pages/Parametres/EvaluationTypes/Index.tsx
index 4570f589..c666ce7e 100644
--- a/resources/js/pages/Parametres/EvaluationTypes/Index.tsx
+++ b/resources/js/pages/Parametres/EvaluationTypes/Index.tsx
@@ -15,6 +15,7 @@ import { IconButton } from '@/components/icon-button';
 import { Input } from '@/components/ui/input';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface EvaluationType {
@@ -42,6 +43,8 @@ interface IndexProps {
 }
 
 export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>) {
+    const { t, locale } = useTranslation();
+    const dateLocale = locale === 'en' ? 'en-GB' : 'fr-FR';
     const [search, setSearch] = useState(filters.search || '');
     const [deleteId, setDeleteId] = useState<string | null>(null);
 
@@ -63,7 +66,7 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
 
     const statsCards = [
         {
-            title: 'Types totaux',
+            title: t('parametres.evaluation_types.stat_total'),
             value: evaluationTypes.total,
             icon: Tag,
             cardClass: 'bg-linear-to-br from-blue-50/70 to-white ring-1 ring-blue-100',
@@ -71,7 +74,7 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
             textColor: 'text-blue-600',
         },
         {
-            title: 'Résultats affichés',
+            title: t('parametres.evaluation_types.stat_shown'),
             value: evaluationTypes.data.length,
             icon: Eye,
             cardClass: 'bg-linear-to-br from-emerald-50/70 to-white ring-1 ring-emerald-100',
@@ -79,7 +82,7 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
             textColor: 'text-emerald-600',
         },
         {
-            title: 'Page',
+            title: t('parametres.evaluation_types.stat_page'),
             value: `${evaluationTypes.current_page}/${evaluationTypes.last_page}`,
             icon: Plus,
             cardClass: 'bg-linear-to-br from-violet-50/70 to-white ring-1 ring-violet-100',
@@ -90,17 +93,17 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
 
     return (
         <AppLayout>
-            <Head title="Types d'évaluation" />
+            <Head title={t('parametres.evaluation_types.head')} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-start justify-between">
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3"><Tag className="h-7 w-7 text-blue-600 shrink-0" />Types d'évaluation</h1>
-                        <p className="mt-2 text-lg text-gray-600">Gérez les types d'évaluation</p>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3"><Tag className="h-7 w-7 text-blue-600 shrink-0" />{t('parametres.evaluation_types.title')}</h1>
+                        <p className="mt-2 text-lg text-gray-600">{t('parametres.evaluation_types.subtitle')}</p>
                     </div>
                     <Button className="gap-2 bg-blue-600 hover:bg-blue-700" onClick={() => router.get(route('evaluation-types.create'))}>
                         <Plus className="w-5 h-5" />
-                        Nouveau type
+                        {t('parametres.evaluation_types.new')}
                     </Button>
                 </div>
 
@@ -131,7 +134,7 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
                                 value={search}
                                 onChange={(e) => setSearch(e.target.value)}
                                 onKeyDown={(e) => e.key === 'Enter' && onSearch()}
-                                placeholder="Rechercher un type..."
+                                placeholder={t('parametres.evaluation_types.search_ph')}
                                 className="pl-10 pr-10"
                             />
                             {search && (
@@ -140,7 +143,7 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
                                 </button>
                             )}
                         </div>
-                        <Button onClick={onSearch} className="bg-blue-600 hover:bg-blue-700">Rechercher</Button>
+                        <Button onClick={onSearch} className="bg-blue-600 hover:bg-blue-700">{t('parametres.common.search')}</Button>
                     </div>
                 </div>
 
@@ -148,10 +151,10 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
                     <Table>
                         <TableHeader className="bg-gray-50">
                             <TableRow className="border-b border-gray-200">
-                                <TableHead>Nom</TableHead>
-                                <TableHead>Description</TableHead>
-                                <TableHead>Créé le</TableHead>
-                                <TableHead className="text-center w-28">Actions</TableHead>
+                                <TableHead>{t('parametres.evaluation_types.th_name')}</TableHead>
+                                <TableHead>{t('parametres.evaluation_types.th_description')}</TableHead>
+                                <TableHead>{t('parametres.evaluation_types.th_created')}</TableHead>
+                                <TableHead className="text-center w-28">{t('parametres.common.actions')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -160,7 +163,7 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
                                     <TableCell colSpan={4} className="py-12 text-center text-gray-500">
                                         <div className="flex flex-col items-center gap-2">
                                             <Tag className="w-12 h-12 text-gray-300" />
-                                            <p className="text-lg">Aucun type trouvé</p>
+                                            <p className="text-lg">{t('parametres.evaluation_types.empty')}</p>
                                         </div>
                                     </TableCell>
                                 </TableRow>
@@ -170,13 +173,13 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
                                         <TableCell className="font-medium text-gray-900">{item.name}</TableCell>
                                         <TableCell className="text-gray-600">{item.description || '—'}</TableCell>
                                         <TableCell className="text-gray-600">
-                                            {new Date(item.created_at).toLocaleDateString('fr-FR')}
+                                            {new Date(item.created_at).toLocaleDateString(dateLocale)}
                                         </TableCell>
                                         <TableCell>
                                             <div className="flex justify-center gap-2">
-                                                <IconButton label="Voir" icon={<Eye className="w-4 h-4" />} className="border-gray-300" onClick={() => router.get(route('evaluation-types.show', item.id))} />
-                                                <IconButton label="Modifier" icon={<Pencil className="w-4 h-4" />} className="border-gray-300" onClick={() => router.get(route('evaluation-types.edit', item.id))} />
-                                                <IconButton label="Supprimer" icon={<Trash2 className="w-4 h-4" />} className="border-red-300 text-red-600 hover:bg-red-50" onClick={() => setDeleteId(item.id)} />
+                                                <IconButton label={t('parametres.common.view')} icon={<Eye className="w-4 h-4" />} className="border-gray-300" onClick={() => router.get(route('evaluation-types.show', item.id))} />
+                                                <IconButton label={t('parametres.common.edit')} icon={<Pencil className="w-4 h-4" />} className="border-gray-300" onClick={() => router.get(route('evaluation-types.edit', item.id))} />
+                                                <IconButton label={t('parametres.common.delete')} icon={<Trash2 className="w-4 h-4" />} className="border-red-300 text-red-600 hover:bg-red-50" onClick={() => setDeleteId(item.id)} />
                                             </div>
                                         </TableCell>
                                     </TableRow>
@@ -190,15 +193,15 @@ export default function Index({ evaluationTypes, filters }: Readonly<IndexProps>
             <AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
                 <AlertDialogContent>
                     <AlertDialogHeader>
-                        <AlertDialogTitle>Supprimer ce type ?</AlertDialogTitle>
+                        <AlertDialogTitle>{t('parametres.evaluation_types.delete_q')}</AlertDialogTitle>
                         <AlertDialogDescription>
-                            Cette action est irréversible.
+                            {t('parametres.common.irreversible')}
                         </AlertDialogDescription>
                     </AlertDialogHeader>
                     <div className="flex justify-end gap-2">
-                        <AlertDialogCancel>Annuler</AlertDialogCancel>
+                        <AlertDialogCancel>{t('parametres.common.cancel')}</AlertDialogCancel>
                         <AlertDialogAction className="bg-red-600 hover:bg-red-700" onClick={() => deleteId && onDelete(deleteId)}>
-                            Supprimer
+                            {t('parametres.common.delete')}
                         </AlertDialogAction>
                     </div>
                 </AlertDialogContent>
diff --git a/resources/js/pages/Parametres/EvaluationTypes/Show.tsx b/resources/js/pages/Parametres/EvaluationTypes/Show.tsx
index ec66ba54..b50ed445 100644
--- a/resources/js/pages/Parametres/EvaluationTypes/Show.tsx
+++ b/resources/js/pages/Parametres/EvaluationTypes/Show.tsx
@@ -2,6 +2,7 @@ import { Head, router } from '@inertiajs/react';
 import { ArrowLeft, Calendar, FileText, Pencil, Tag } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface EvaluationType {
@@ -17,7 +18,9 @@ interface ShowProps {
 }
 
 export default function Show({ evaluationType }: Readonly<ShowProps>) {
-    const formatDate = (date: string) => new Date(date).toLocaleDateString('fr-FR', {
+    const { t, locale } = useTranslation();
+    const dateLocale = locale === 'en' ? 'en-GB' : 'fr-FR';
+    const formatDate = (date: string) => new Date(date).toLocaleDateString(dateLocale, {
         year: 'numeric',
         month: 'long',
         day: 'numeric',
@@ -37,12 +40,12 @@ export default function Show({ evaluationType }: Readonly<ShowProps>) {
                         </Button>
                         <div>
                             <h1 className="text-4xl font-bold tracking-tight text-gray-900">{evaluationType.name}</h1>
-                            <p className="text-gray-600 mt-2">Détails du type d'évaluation.</p>
+                            <p className="text-gray-600 mt-2">{t('parametres.evaluation_types.show_subtitle')}</p>
                         </div>
                     </div>
                     <Button className="bg-blue-600 hover:bg-blue-700 gap-2" onClick={() => router.visit(route('evaluation-types.edit', evaluationType.id))}>
                         <Pencil className="w-4 h-4" />
-                        Modifier
+                        {t('parametres.common.edit')}
                     </Button>
                 </div>
 
@@ -53,10 +56,10 @@ export default function Show({ evaluationType }: Readonly<ShowProps>) {
                                 <div className="flex h-9 w-9 items-center justify-center rounded-full bg-blue-100">
                                     <Tag className="h-5 w-5 text-blue-600" />
                                 </div>
-                                <p className="text-lg font-semibold text-gray-900">Informations principales</p>
+                                <p className="text-lg font-semibold text-gray-900">{t('parametres.evaluation_types.main_info')}</p>
                             </div>
                             <div className="rounded-xl bg-white/80 ring-1 ring-blue-100 px-4 py-3">
-                                <p className="text-xs uppercase tracking-wide text-gray-500">Nom</p>
+                                <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.evaluation_types.name')}</p>
                                 <p className="font-semibold text-gray-900 mt-1">{evaluationType.name}</p>
                             </div>
                         </div>
@@ -66,10 +69,10 @@ export default function Show({ evaluationType }: Readonly<ShowProps>) {
                                 <div className="flex h-9 w-9 items-center justify-center rounded-full bg-violet-100">
                                     <FileText className="h-5 w-5 text-violet-600" />
                                 </div>
-                                <p className="text-lg font-semibold text-gray-900">Description</p>
+                                <p className="text-lg font-semibold text-gray-900">{t('parametres.evaluation_types.description')}</p>
                             </div>
                             <p className="text-gray-700 whitespace-pre-wrap leading-relaxed">
-                                {evaluationType.description || 'Aucune description renseignée pour ce type d\'évaluation.'}
+                                {evaluationType.description || t('parametres.evaluation_types.no_description')}
                             </p>
                         </div>
                     </div>
@@ -80,14 +83,14 @@ export default function Show({ evaluationType }: Readonly<ShowProps>) {
                                 <div className="flex h-9 w-9 items-center justify-center rounded-full bg-emerald-100">
                                     <Calendar className="h-5 w-5 text-emerald-600" />
                                 </div>
-                                <p className="text-lg font-semibold text-gray-900">Historique</p>
+                                <p className="text-lg font-semibold text-gray-900">{t('parametres.evaluation_types.history')}</p>
                             </div>
                             <div className="rounded-xl bg-white/80 ring-1 ring-emerald-100 px-4 py-3">
-                                <p className="text-xs uppercase tracking-wide text-gray-500">Créé le</p>
+                                <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.evaluation_types.created_on')}</p>
                                 <p className="font-semibold text-gray-900 mt-1">{formatDate(evaluationType.created_at)}</p>
                             </div>
                             <div className="rounded-xl bg-white/80 ring-1 ring-emerald-100 px-4 py-3">
-                                <p className="text-xs uppercase tracking-wide text-gray-500">Modifié le</p>
+                                <p className="text-xs uppercase tracking-wide text-gray-500">{t('parametres.evaluation_types.updated_on')}</p>
                                 <p className="font-semibold text-gray-900 mt-1">{formatDate(evaluationType.updated_at)}</p>
                             </div>
                         </div>

From c83cf71403f789196eb3c1e2ccb628204667654d Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 17:05:55 +0000
Subject: [PATCH 5/5] =?UTF-8?q?feat(i18n):=20param=C3=A8tres=20=E2=80=94?=
 =?UTF-8?q?=20calcul=20des=20moyennes=20(liste,=20cr=C3=A9ation,=20=C3=A9d?=
 =?UTF-8?q?ition)=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/parametres.php                        | 57 ++++++++++++++++++
 lang/fr/parametres.php                        | 57 ++++++++++++++++++
 .../Parametres/GradingConfigs/Create.tsx      | 12 ++--
 .../pages/Parametres/GradingConfigs/Edit.tsx  | 10 ++--
 .../pages/Parametres/GradingConfigs/Index.tsx | 56 +++++++++---------
 .../GradingConfigs/config-fields.tsx          | 59 +++++++++----------
 6 files changed, 184 insertions(+), 67 deletions(-)

diff --git a/lang/en/parametres.php b/lang/en/parametres.php
index 9932f29b..c79e6570 100644
--- a/lang/en/parametres.php
+++ b/lang/en/parametres.php
@@ -191,4 +191,61 @@
         'preview_no_description' => 'No description provided.',
         'submit_create' => 'Create type',
     ],
+
+    'grading_configs' => [
+        'head' => 'Average calculation settings',
+        'title' => 'Average calculation',
+        'subtitle' => 'Customize the calculation formula per school',
+        'new' => 'New configuration',
+        'filter_all' => 'All schools',
+        'th_name' => 'Name',
+        'th_school' => 'School',
+        'th_class_type' => 'Class type',
+        'th_threshold' => 'Threshold',
+        'th_max' => 'Max score',
+        'th_round' => 'Rounding',
+        'th_status' => 'Status',
+        'all_default' => 'All (default)',
+        'decimals' => ':n dec.',
+        'active' => 'Active',
+        'inactive' => 'Inactive',
+        'activate' => 'Activate',
+        'empty' => 'No configuration. Create one to customize average calculation.',
+        'count' => ':n configuration(s)',
+        'delete_q' => 'Delete this configuration?',
+
+        'create_head' => 'New calculation configuration',
+        'create_title' => 'New configuration',
+        'create_subtitle' => 'Define the average calculation formula (per class type)',
+        'submit_create' => 'Create configuration',
+        'edit_head' => 'Edit — :name',
+        'edit_title' => 'Edit configuration',
+        'saving' => 'Saving...',
+
+        'school_label' => 'School *',
+        'school_ph' => 'Select a school',
+        'class_type_label' => 'Class type',
+        'all_classes' => 'All classes (school default)',
+        'class_type_hint' => 'Leave "All classes" for a school default formula.',
+        'name_label' => 'Name *',
+        'name_ph' => 'e.g. Standard formula 2025',
+        'passing_label' => 'Passing threshold',
+        'max_label' => 'Default maximum score',
+        'weight_label' => 'Class grade / Composition weighting',
+        'class_weight_label' => 'Class grade (continuous assessment)',
+        'comp_weight_label' => 'Composition',
+        'pct_class' => 'Class',
+        'pct_comp' => 'Composition',
+        'formula' => 'Subject average = (Class × :cw + Composition × :pw) / :total.',
+        'precision_label' => 'Rounding precision',
+        'precision_0' => 'Integer (e.g. 12)',
+        'precision_1' => '1 decimal (e.g. 12.5)',
+        'precision_2' => '2 decimals (e.g. 12.50)',
+        'precision_3' => '3 decimals (e.g. 12.500)',
+        'mentions_label' => 'Honors (thresholds)',
+        'add' => 'Add',
+        'no_mentions' => 'No honors configured.',
+        'mention_label_ph' => 'Label (e.g. Congratulations)',
+        'mentions_hint' => 'The honor applied is the one with the highest threshold less than or equal to the average.',
+    ],
 ];
diff --git a/lang/fr/parametres.php b/lang/fr/parametres.php
index 01b8329c..521ca92e 100644
--- a/lang/fr/parametres.php
+++ b/lang/fr/parametres.php
@@ -191,4 +191,61 @@
         'preview_no_description' => 'Aucune description renseignée.',
         'submit_create' => 'Créer le type',
     ],
+
+    'grading_configs' => [
+        'head' => 'Configurations de calcul des moyennes',
+        'title' => 'Calcul des moyennes',
+        'subtitle' => 'Personnalisez la formule de calcul par établissement',
+        'new' => 'Nouvelle configuration',
+        'filter_all' => 'Tous les établissements',
+        'th_name' => 'Nom',
+        'th_school' => 'Établissement',
+        'th_class_type' => 'Type de classe',
+        'th_threshold' => 'Seuil',
+        'th_max' => 'Note max',
+        'th_round' => 'Arrondi',
+        'th_status' => 'Statut',
+        'all_default' => 'Toutes (défaut)',
+        'decimals' => ':n déc.',
+        'active' => 'Active',
+        'inactive' => 'Inactive',
+        'activate' => 'Activer',
+        'empty' => 'Aucune configuration. Créez-en une pour personnaliser le calcul des moyennes.',
+        'count' => ':n configuration(s)',
+        'delete_q' => 'Supprimer cette configuration ?',
+
+        'create_head' => 'Nouvelle configuration de calcul',
+        'create_title' => 'Nouvelle configuration',
+        'create_subtitle' => 'Définissez la formule de calcul des moyennes (par type de classe)',
+        'submit_create' => 'Créer la configuration',
+        'edit_head' => 'Modifier — :name',
+        'edit_title' => 'Modifier la configuration',
+        'saving' => 'Enregistrement...',
+
+        'school_label' => 'Établissement *',
+        'school_ph' => 'Sélectionner un établissement',
+        'class_type_label' => 'Type de classe',
+        'all_classes' => 'Toutes les classes (défaut école)',
+        'class_type_hint' => 'Laissez « Toutes les classes » pour une formule par défaut de l\'école.',
+        'name_label' => 'Nom *',
+        'name_ph' => 'ex : Formule standard 2025',
+        'passing_label' => 'Seuil de passage',
+        'max_label' => 'Note maximale par défaut',
+        'weight_label' => 'Pondération Note de classe / Composition',
+        'class_weight_label' => 'Note de classe (contrôle continu)',
+        'comp_weight_label' => 'Composition',
+        'pct_class' => 'Classe',
+        'pct_comp' => 'Composition',
+        'formula' => 'Moyenne matière = (Classe × :cw + Composition × :pw) / :total.',
+        'precision_label' => 'Précision d\'arrondi',
+        'precision_0' => 'Entier (ex : 12)',
+        'precision_1' => '1 décimale (ex : 12,5)',
+        'precision_2' => '2 décimales (ex : 12,50)',
+        'precision_3' => '3 décimales (ex : 12,500)',
+        'mentions_label' => 'Mentions (seuils)',
+        'add' => 'Ajouter',
+        'no_mentions' => 'Aucune mention configurée.',
+        'mention_label_ph' => 'Libellé (ex : Félicitations)',
+        'mentions_hint' => 'La mention retenue est celle dont le seuil est le plus élevé et inférieur ou égal à la moyenne.',
+    ],
 ];
diff --git a/resources/js/pages/Parametres/GradingConfigs/Create.tsx b/resources/js/pages/Parametres/GradingConfigs/Create.tsx
index 0d980a3f..d4aeebe8 100644
--- a/resources/js/pages/Parametres/GradingConfigs/Create.tsx
+++ b/resources/js/pages/Parametres/GradingConfigs/Create.tsx
@@ -2,6 +2,7 @@ import { Head, router, useForm } from '@inertiajs/react';
 import { ArrowLeft } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 import GradingConfigFields, { type ClassroomType, type GradingConfigForm, type MentionRow, type School } from './config-fields';
 
@@ -13,6 +14,7 @@ interface Props {
 }
 
 export default function Create({ schools, classroomTypes, defaultMentions, preselectedSchoolId }: Readonly<Props>) {
+    const { t } = useTranslation();
     const { data, setData, post, processing, errors } = useForm<GradingConfigForm>({
         school_id:         preselectedSchoolId ?? '',
         classroom_type_id: '',
@@ -32,7 +34,7 @@ export default function Create({ schools, classroomTypes, defaultMentions, prese
 
     return (
         <AppLayout>
-            <Head title="Nouvelle configuration de calcul" />
+            <Head title={t('parametres.grading_configs.create_head')} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-center gap-4">
@@ -40,8 +42,8 @@ export default function Create({ schools, classroomTypes, defaultMentions, prese
                         <ArrowLeft className="w-4 h-4" />
                     </Button>
                     <div>
-                        <h1 className="text-3xl font-bold text-gray-900">Nouvelle configuration</h1>
-                        <p className="text-gray-500 mt-0.5">Définissez la formule de calcul des moyennes (par type de classe)</p>
+                        <h1 className="text-3xl font-bold text-gray-900">{t('parametres.grading_configs.create_title')}</h1>
+                        <p className="text-gray-500 mt-0.5">{t('parametres.grading_configs.create_subtitle')}</p>
                     </div>
                 </div>
 
@@ -50,10 +52,10 @@ export default function Create({ schools, classroomTypes, defaultMentions, prese
 
                     <div className="flex justify-end gap-3 pt-2 border-t border-gray-100">
                         <Button type="button" variant="outline" onClick={() => router.get(route('grading-configs.index'))}>
-                            Annuler
+                            {t('parametres.common.cancel')}
                         </Button>
                         <Button type="submit" className="bg-blue-600 hover:bg-blue-700" disabled={processing}>
-                            {processing ? 'Création...' : 'Créer la configuration'}
+                            {processing ? t('parametres.common.creating') : t('parametres.grading_configs.submit_create')}
                         </Button>
                     </div>
                 </form>
diff --git a/resources/js/pages/Parametres/GradingConfigs/Edit.tsx b/resources/js/pages/Parametres/GradingConfigs/Edit.tsx
index 1eb92f8d..39ee904a 100644
--- a/resources/js/pages/Parametres/GradingConfigs/Edit.tsx
+++ b/resources/js/pages/Parametres/GradingConfigs/Edit.tsx
@@ -2,6 +2,7 @@ import { Head, router, useForm } from '@inertiajs/react';
 import { ArrowLeft } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 import GradingConfigFields, { type ClassroomType, type GradingConfigForm, type MentionRow, type School } from './config-fields';
 
@@ -27,6 +28,7 @@ interface Props {
 }
 
 export default function Edit({ config, schools, classroomTypes, defaultMentions }: Readonly<Props>) {
+    const { t } = useTranslation();
     const { data, setData, put, processing, errors } = useForm<GradingConfigForm>({
         school_id:         config.school_id,
         classroom_type_id: config.classroom_type_id ?? '',
@@ -46,7 +48,7 @@ export default function Edit({ config, schools, classroomTypes, defaultMentions
 
     return (
         <AppLayout>
-            <Head title={`Modifier — ${config.name}`} />
+            <Head title={t('parametres.grading_configs.edit_head', { name: config.name })} />
 
             <div className="w-full space-y-6">
                 <div className="flex items-center gap-4">
@@ -54,7 +56,7 @@ export default function Edit({ config, schools, classroomTypes, defaultMentions
                         <ArrowLeft className="w-4 h-4" />
                     </Button>
                     <div>
-                        <h1 className="text-3xl font-bold text-gray-900">Modifier la configuration</h1>
+                        <h1 className="text-3xl font-bold text-gray-900">{t('parametres.grading_configs.edit_title')}</h1>
                         <p className="text-gray-500 mt-0.5">{config.name} — {config.school.name}</p>
                     </div>
                 </div>
@@ -64,10 +66,10 @@ export default function Edit({ config, schools, classroomTypes, defaultMentions
 
                     <div className="flex justify-end gap-3 pt-2 border-t border-gray-100">
                         <Button type="button" variant="outline" onClick={() => router.get(route('grading-configs.index'))}>
-                            Annuler
+                            {t('parametres.common.cancel')}
                         </Button>
                         <Button type="submit" className="bg-blue-600 hover:bg-blue-700" disabled={processing}>
-                            {processing ? 'Enregistrement...' : 'Enregistrer'}
+                            {processing ? t('parametres.grading_configs.saving') : t('parametres.common.save')}
                         </Button>
                     </div>
                 </form>
diff --git a/resources/js/pages/Parametres/GradingConfigs/Index.tsx b/resources/js/pages/Parametres/GradingConfigs/Index.tsx
index baa20b3a..3f215963 100644
--- a/resources/js/pages/Parametres/GradingConfigs/Index.tsx
+++ b/resources/js/pages/Parametres/GradingConfigs/Index.tsx
@@ -10,6 +10,7 @@ import { IconButton } from '@/components/icon-button';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { route } from '@/helpers/route';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 
 interface School { id: string; name: string; }
@@ -36,6 +37,7 @@ interface Props {
 }
 
 export default function Index({ configs, schools, filters }: Readonly<Props>) {
+    const { t } = useTranslation();
     const [schoolId, setSchoolId] = useState(filters.school_id || 'all');
     const [deleteId, setDeleteId] = useState<string | null>(null);
 
@@ -57,20 +59,20 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
 
     return (
         <AppLayout>
-            <Head title="Configurations de calcul des moyennes" />
+            <Head title={t('parametres.grading_configs.head')} />
 
             <div className="w-full space-y-6">
 
                 {/* Header */}
                 <div className="flex items-start justify-between">
                     <div>
-                        <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3"><SlidersHorizontal className="h-7 w-7 text-blue-600 shrink-0" />Calcul des moyennes</h1>
+                        <h1 className="text-4xl font-bold tracking-tight text-gray-900 flex items-center gap-3"><SlidersHorizontal className="h-7 w-7 text-blue-600 shrink-0" />{t('parametres.grading_configs.title')}</h1>
                         <p className="mt-2 text-lg text-gray-600">
-                            Personnalisez la formule de calcul par établissement
+                            {t('parametres.grading_configs.subtitle')}
                         </p>
                     </div>
                     <Button className="gap-2 bg-blue-600 hover:bg-blue-700" onClick={() => router.get(route('grading-configs.create'))}>
-                        <Plus className="w-4 h-4" /> Nouvelle configuration
+                        <Plus className="w-4 h-4" /> {t('parametres.grading_configs.new')}
                     </Button>
                 </div>
 
@@ -79,10 +81,10 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
                     <SlidersHorizontal className="w-4 h-4 text-gray-400 shrink-0" />
                     <Select value={schoolId} onValueChange={onSchoolChange}>
                         <SelectTrigger className="w-56">
-                            <SelectValue placeholder="Tous les établissements" />
+                            <SelectValue placeholder={t('parametres.grading_configs.filter_all')} />
                         </SelectTrigger>
                         <SelectContent>
-                            <SelectItem value="all">Tous les établissements</SelectItem>
+                            <SelectItem value="all">{t('parametres.grading_configs.filter_all')}</SelectItem>
                             {schools.map(s => (
                                 <SelectItem key={s.id} value={s.id}>{s.name}</SelectItem>
                             ))}
@@ -100,14 +102,14 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
                     <Table>
                         <TableHeader className="bg-gray-50">
                             <TableRow>
-                                <TableHead>Nom</TableHead>
-                                <TableHead>Établissement</TableHead>
-                                <TableHead>Type de classe</TableHead>
-                                <TableHead className="text-center">Seuil</TableHead>
-                                <TableHead className="text-center">Note max</TableHead>
-                                <TableHead className="text-center">Arrondi</TableHead>
-                                <TableHead className="text-center">Statut</TableHead>
-                                <TableHead className="text-center w-36">Actions</TableHead>
+                                <TableHead>{t('parametres.grading_configs.th_name')}</TableHead>
+                                <TableHead>{t('parametres.grading_configs.th_school')}</TableHead>
+                                <TableHead>{t('parametres.grading_configs.th_class_type')}</TableHead>
+                                <TableHead className="text-center">{t('parametres.grading_configs.th_threshold')}</TableHead>
+                                <TableHead className="text-center">{t('parametres.grading_configs.th_max')}</TableHead>
+                                <TableHead className="text-center">{t('parametres.grading_configs.th_round')}</TableHead>
+                                <TableHead className="text-center">{t('parametres.grading_configs.th_status')}</TableHead>
+                                <TableHead className="text-center w-36">{t('parametres.common.actions')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -115,7 +117,7 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
                                 <TableRow>
                                     <TableCell colSpan={8} className="py-16 text-center text-gray-400">
                                         <SlidersHorizontal className="w-10 h-10 mx-auto mb-2 opacity-30" />
-                                        Aucune configuration. Créez-en une pour personnaliser le calcul des moyennes.
+                                        {t('parametres.grading_configs.empty')}
                                     </TableCell>
                                 </TableRow>
                             ) : configs.map(c => (
@@ -129,20 +131,20 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
                                                 <span className="block text-xs text-gray-400">{c.classroom_type.period_system}</span>
                                             </>
                                         ) : (
-                                            <span className="text-gray-400 italic">Toutes (défaut)</span>
+                                            <span className="text-gray-400 italic">{t('parametres.grading_configs.all_default')}</span>
                                         )}
                                     </TableCell>
                                     <TableCell className="text-center font-mono text-gray-700">{c.passing_score}/20</TableCell>
                                     <TableCell className="text-center font-mono text-gray-700">{c.default_max_score}</TableCell>
-                                    <TableCell className="text-center text-gray-600">{c.round_precision} déc.</TableCell>
+                                    <TableCell className="text-center text-gray-600">{t('parametres.grading_configs.decimals', { n: c.round_precision })}</TableCell>
                                     <TableCell className="text-center">
                                         {c.is_active ? (
                                             <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium bg-emerald-100 text-emerald-700">
-                                                <CheckCircle2 className="w-3 h-3" /> Active
+                                                <CheckCircle2 className="w-3 h-3" /> {t('parametres.grading_configs.active')}
                                             </span>
                                         ) : (
                                             <span className="inline-flex px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-500">
-                                                Inactive
+                                                {t('parametres.grading_configs.inactive')}
                                             </span>
                                         )}
                                     </TableCell>
@@ -154,17 +156,17 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
                                                     className="text-xs border-emerald-200 text-emerald-700 hover:bg-emerald-50"
                                                     onClick={() => onActivate(c.id)}
                                                 >
-                                                    Activer
+                                                    {t('parametres.grading_configs.activate')}
                                                 </Button>
                                             )}
                                             <IconButton
-                                                label="Modifier"
+                                                label={t('parametres.common.edit')}
                                                 icon={<Pencil className="w-3.5 h-3.5" />}
                                                 onClick={() => router.get(route('grading-configs.edit', c.id))}
                                             />
                                             {!c.is_active && (
                                                 <IconButton
-                                                    label="Supprimer"
+                                                    label={t('parametres.common.delete')}
                                                     icon={<Trash2 className="w-3.5 h-3.5" />}
                                                     className="border-red-200 text-red-500 hover:bg-red-50"
                                                     onClick={() => setDeleteId(c.id)}
@@ -178,19 +180,19 @@ export default function Index({ configs, schools, filters }: Readonly<Props>) {
                     </Table>
                 </div>
 
-                <p className="text-sm text-gray-400 text-right">{configs.length} configuration(s)</p>
+                <p className="text-sm text-gray-400 text-right">{t('parametres.grading_configs.count', { n: configs.length })}</p>
             </div>
 
             <AlertDialog open={!!deleteId} onOpenChange={() => setDeleteId(null)}>
                 <AlertDialogContent>
                     <AlertDialogHeader>
-                        <AlertDialogTitle>Supprimer cette configuration ?</AlertDialogTitle>
-                        <AlertDialogDescription>Cette action est irréversible.</AlertDialogDescription>
+                        <AlertDialogTitle>{t('parametres.grading_configs.delete_q')}</AlertDialogTitle>
+                        <AlertDialogDescription>{t('parametres.common.irreversible')}</AlertDialogDescription>
                     </AlertDialogHeader>
                     <div className="flex justify-end gap-2">
-                        <AlertDialogCancel>Annuler</AlertDialogCancel>
+                        <AlertDialogCancel>{t('parametres.common.cancel')}</AlertDialogCancel>
                         <AlertDialogAction className="bg-red-600 hover:bg-red-700" onClick={() => deleteId && onDelete(deleteId)}>
-                            Supprimer
+                            {t('parametres.common.delete')}
                         </AlertDialogAction>
                     </div>
                 </AlertDialogContent>
diff --git a/resources/js/pages/Parametres/GradingConfigs/config-fields.tsx b/resources/js/pages/Parametres/GradingConfigs/config-fields.tsx
index 965cb0a9..0e2102ac 100644
--- a/resources/js/pages/Parametres/GradingConfigs/config-fields.tsx
+++ b/resources/js/pages/Parametres/GradingConfigs/config-fields.tsx
@@ -2,6 +2,7 @@ import { Plus, Trash2 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { useTranslation } from '@/helpers/i18n';
 
 export interface School { id: string; name: string }
 export interface ClassroomType { id: string; name: string; period_system: string }
@@ -19,12 +20,7 @@ export interface GradingConfigForm {
     mentions: MentionRow[];
 }
 
-const PRECISION_OPTIONS = [
-    { value: '0', label: 'Entier (ex : 12)' },
-    { value: '1', label: '1 décimale (ex : 12,5)' },
-    { value: '2', label: '2 décimales (ex : 12,50)' },
-    { value: '3', label: '3 décimales (ex : 12,500)' },
-];
+const PRECISION_VALUES = ['0', '1', '2', '3'] as const;
 
 const ALL = '__all__';
 
@@ -37,6 +33,7 @@ interface Props {
 }
 
 export default function GradingConfigFields({ data, setData, errors, schools, classroomTypes }: Readonly<Props>) {
+    const { t } = useTranslation();
     const classTotal = (parseFloat(data.class_weight) || 0) + (parseFloat(data.comp_weight) || 0);
     const pct = (w: string) => (classTotal > 0 ? Math.round(((parseFloat(w) || 0) / classTotal) * 100) : 0);
 
@@ -52,10 +49,10 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
             {/* École + type de classe */}
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                 <div className="space-y-1.5">
-                    <label className="text-sm font-medium text-gray-700">Établissement *</label>
+                    <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.school_label')}</label>
                     <Select value={data.school_id} onValueChange={(v) => setData('school_id', v)}>
                         <SelectTrigger className={errors.school_id ? 'border-red-400' : ''}>
-                            <SelectValue placeholder="Sélectionner un établissement" />
+                            <SelectValue placeholder={t('parametres.grading_configs.school_ph')} />
                         </SelectTrigger>
                         <SelectContent>
                             {schools.map((s) => <SelectItem key={s.id} value={s.id}>{s.name}</SelectItem>)}
@@ -65,7 +62,7 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
                 </div>
 
                 <div className="space-y-1.5">
-                    <label className="text-sm font-medium text-gray-700">Type de classe</label>
+                    <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.class_type_label')}</label>
                     <Select
                         value={data.classroom_type_id || ALL}
                         onValueChange={(v) => setData('classroom_type_id', v === ALL ? '' : v)}
@@ -74,25 +71,25 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
                             <SelectValue />
                         </SelectTrigger>
                         <SelectContent>
-                            <SelectItem value={ALL}>Toutes les classes (défaut école)</SelectItem>
-                            {classroomTypes.map((t) => (
-                                <SelectItem key={t.id} value={t.id}>
-                                    {t.name} ({t.period_system})
+                            <SelectItem value={ALL}>{t('parametres.grading_configs.all_classes')}</SelectItem>
+                            {classroomTypes.map((ct) => (
+                                <SelectItem key={ct.id} value={ct.id}>
+                                    {ct.name} ({ct.period_system})
                                 </SelectItem>
                             ))}
                         </SelectContent>
                     </Select>
-                    <p className="text-xs text-gray-400">Laissez « Toutes les classes » pour une formule par défaut de l'école.</p>
+                    <p className="text-xs text-gray-400">{t('parametres.grading_configs.class_type_hint')}</p>
                 </div>
             </div>
 
             {/* Nom */}
             <div className="space-y-1.5">
-                <label className="text-sm font-medium text-gray-700">Nom *</label>
+                <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.name_label')}</label>
                 <Input
                     value={data.name}
                     onChange={(e) => setData('name', e.target.value)}
-                    placeholder="ex : Formule standard 2025"
+                    placeholder={t('parametres.grading_configs.name_ph')}
                     className={errors.name ? 'border-red-400' : ''}
                 />
                 {errors.name && <p className="text-xs text-red-500">{errors.name}</p>}
@@ -100,7 +97,7 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
 
             <div className="grid grid-cols-2 gap-4">
                 <div className="space-y-1.5">
-                    <label className="text-sm font-medium text-gray-700">Seuil de passage</label>
+                    <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.passing_label')}</label>
                     <div className="relative">
                         <Input
                             type="number" min={0} max={100} step={0.5}
@@ -114,7 +111,7 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
                 </div>
 
                 <div className="space-y-1.5">
-                    <label className="text-sm font-medium text-gray-700">Note maximale par défaut</label>
+                    <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.max_label')}</label>
                     <Input
                         type="number" min={1} max={100} step={1}
                         value={data.default_max_score}
@@ -126,15 +123,15 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
 
             {/* Pondération Classe / Composition */}
             <div className="space-y-2">
-                <label className="text-sm font-medium text-gray-700">Pondération Note de classe / Composition</label>
+                <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.weight_label')}</label>
                 <div className="grid grid-cols-2 gap-3">
                     <div className="space-y-1">
-                        <span className="text-xs text-gray-500">Note de classe (contrôle continu)</span>
+                        <span className="text-xs text-gray-500">{t('parametres.grading_configs.class_weight_label')}</span>
                         <Input type="number" min={0} max={10} step={0.5} value={data.class_weight}
                             onChange={(e) => setData('class_weight', e.target.value)} />
                     </div>
                     <div className="space-y-1">
-                        <span className="text-xs text-gray-500">Composition</span>
+                        <span className="text-xs text-gray-500">{t('parametres.grading_configs.comp_weight_label')}</span>
                         <Input type="number" min={0} max={10} step={0.5} value={data.comp_weight}
                             onChange={(e) => setData('comp_weight', e.target.value)} />
                     </div>
@@ -143,24 +140,24 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
                     <div className="flex gap-2 mt-1">
                         <div className="flex-1 text-center">
                             <div className="text-lg font-bold text-blue-600">{pct(data.class_weight)}%</div>
-                            <div className="text-xs text-gray-400">Classe</div>
+                            <div className="text-xs text-gray-400">{t('parametres.grading_configs.pct_class')}</div>
                         </div>
                         <div className="flex-1 text-center">
                             <div className="text-lg font-bold text-blue-600">{pct(data.comp_weight)}%</div>
-                            <div className="text-xs text-gray-400">Composition</div>
+                            <div className="text-xs text-gray-400">{t('parametres.grading_configs.pct_comp')}</div>
                         </div>
                     </div>
                 )}
-                <p className="text-xs text-gray-400">Moyenne matière = (Classe × {data.class_weight || 0} + Composition × {data.comp_weight || 0}) / {classTotal || 1}.</p>
+                <p className="text-xs text-gray-400">{t('parametres.grading_configs.formula', { cw: data.class_weight || 0, pw: data.comp_weight || 0, total: classTotal || 1 })}</p>
             </div>
 
             {/* Arrondi */}
             <div className="space-y-1.5">
-                <label className="text-sm font-medium text-gray-700">Précision d'arrondi</label>
+                <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.precision_label')}</label>
                 <Select value={data.round_precision} onValueChange={(v) => setData('round_precision', v)}>
                     <SelectTrigger><SelectValue /></SelectTrigger>
                     <SelectContent>
-                        {PRECISION_OPTIONS.map((o) => <SelectItem key={o.value} value={o.value}>{o.label}</SelectItem>)}
+                        {PRECISION_VALUES.map((v) => <SelectItem key={v} value={v}>{t(`parametres.grading_configs.precision_${v}`)}</SelectItem>)}
                     </SelectContent>
                 </Select>
             </div>
@@ -168,16 +165,16 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
             {/* Mentions */}
             <div className="space-y-2">
                 <div className="flex items-center justify-between">
-                    <label className="text-sm font-medium text-gray-700">Mentions (seuils)</label>
+                    <label className="text-sm font-medium text-gray-700">{t('parametres.grading_configs.mentions_label')}</label>
                     <Button type="button" variant="outline" size="sm" className="gap-1.5" onClick={addMention}>
-                        <Plus className="w-3.5 h-3.5" /> Ajouter
+                        <Plus className="w-3.5 h-3.5" /> {t('parametres.grading_configs.add')}
                     </Button>
                 </div>
                 <div className="space-y-2">
-                    {data.mentions.length === 0 && <p className="text-xs text-gray-400">Aucune mention configurée.</p>}
+                    {data.mentions.length === 0 && <p className="text-xs text-gray-400">{t('parametres.grading_configs.no_mentions')}</p>}
                     {data.mentions.map((m, i) => (
                         <div key={i} className="flex items-center gap-2">
-                            <Input value={m.label} placeholder="Libellé (ex : Félicitations)"
+                            <Input value={m.label} placeholder={t('parametres.grading_configs.mention_label_ph')}
                                 onChange={(e) => setMention(i, { label: e.target.value })} className="flex-1" />
                             <span className="text-xs text-gray-400">≥</span>
                             <Input type="number" min={0} max={20} step={0.5} value={m.min}
@@ -189,7 +186,7 @@ export default function GradingConfigFields({ data, setData, errors, schools, cl
                         </div>
                     ))}
                 </div>
-                <p className="text-xs text-gray-400">La mention retenue est celle dont le seuil est le plus élevé et inférieur ou égal à la moyenne.</p>
+                <p className="text-xs text-gray-400">{t('parametres.grading_configs.mentions_hint')}</p>
             </div>
         </>
     );