@hed-hog/lms 0.0.261 → 0.0.266

package/hedhog/frontend/app/courses/page.tsx.ejs

@@ -80,6 +80,7 @@ import {
   Users,
   X,
 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { usePathname, useRouter } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
@@ -117,71 +118,54 @@ interface Curso {
 
 // ── Schema ───────────────────────────────────────────────────────────────────
 
-const cursoSchema = z.object({
-  codigo: z
-    .string()
-    .min(2, 'Codigo deve ter pelo menos 2 caracteres')
-    .max(16, 'Codigo deve ter no maximo 16 caracteres')
-    .regex(/^[A-Z0-9-]+$/i, 'Apenas letras, numeros e hifens'),
-  nomeInterno: z
-    .string()
-    .min(3, 'Nome interno deve ter pelo menos 3 caracteres'),
-  tituloComercial: z
-    .string()
-    .min(3, 'Titulo comercial deve ter pelo menos 3 caracteres'),
-  descricao: z.string().min(10, 'Descricao deve ter pelo menos 10 caracteres'),
-  nivel: z.enum(['iniciante', 'intermediario', 'avancado'], {
-    errorMap: () => ({ message: 'Selecione um nivel' }),
-  }),
-  status: z.enum(['ativo', 'rascunho', 'arquivado'], {
-    errorMap: () => ({ message: 'Selecione um status' }),
-  }),
-  categorias: z.array(z.string()).min(1, 'Selecione pelo menos uma categoria'),
-  destaque: z.boolean(),
-  certificado: z.boolean(),
-  listado: z.boolean(),
-});
+const createCursoSchema = (t: (key: string) => string) =>
+  z.object({
+    codigo: z
+      .string()
+      .min(2, t('form.validation.codeMinLength'))
+      .max(16, t('form.validation.codeMaxLength'))
+      .regex(/^[A-Z0-9-]+$/i, t('form.validation.codePattern')),
+    nomeInterno: z.string().min(3, t('form.validation.internalNameMinLength')),
+    tituloComercial: z
+      .string()
+      .min(3, t('form.validation.commercialTitleMinLength')),
+    descricao: z.string().min(10, t('form.validation.descriptionMinLength')),
+    nivel: z.enum(['iniciante', 'intermediario', 'avancado'], {
+      errorMap: () => ({ message: t('form.validation.levelRequired') }),
+    }),
+    status: z.enum(['ativo', 'rascunho', 'arquivado'], {
+      errorMap: () => ({ message: t('form.validation.statusRequired') }),
+    }),
+    categorias: z
+      .array(z.string())
+      .min(1, t('form.validation.categoriesRequired')),
+    destaque: z.boolean(),
+    certificado: z.boolean(),
+    listado: z.boolean(),
+  });
 
-type CursoForm = z.infer<typeof cursoSchema>;
+type CursoForm = z.infer<ReturnType<typeof createCursoSchema>>;
 
 // ── Constants ────────────────────────────────────────────────────────────────
 
 const CATEGORIAS = [
-  'Tecnologia',
-  'Design',
-  'Gestao',
-  'Marketing',
-  'Financas',
-  'Saude',
-  'Idiomas',
-  'Direito',
-];
-
-const NIVEIS = [
-  { value: 'iniciante', label: 'Iniciante' },
-  { value: 'intermediario', label: 'Intermediario' },
-  { value: 'avancado', label: 'Avancado' },
-];
-
-const STATUS_OPTIONS = [
-  { value: 'ativo', label: 'Ativo' },
-  { value: 'rascunho', label: 'Rascunho' },
-  { value: 'arquivado', label: 'Arquivado' },
-];
+  'technology',
+  'design',
+  'management',
+  'marketing',
+  'finance',
+  'health',
+  'languages',
+  'law',
+] as const;
 
 const STATUS_MAP: Record<
   string,
-  { label: string; variant: 'default' | 'secondary' | 'outline' }
+  { variant: 'default' | 'secondary' | 'outline' }
 > = {
-  ativo: { label: 'Ativo', variant: 'default' },
-  rascunho: { label: 'Rascunho', variant: 'secondary' },
-  arquivado: { label: 'Arquivado', variant: 'outline' },
-};
-
-const NIVEL_MAP: Record<string, string> = {
-  iniciante: 'Iniciante',
-  intermediario: 'Intermediario',
-  avancado: 'Avancado',
+  ativo: { variant: 'default' },
+  rascunho: { variant: 'secondary' },
+  arquivado: { variant: 'outline' },
 };
 
 // ── Seed Data ────────────────────────────────────────────────────────────────
@@ -196,7 +180,7 @@ const initialCursos: Curso[] = [
       'Curso completo de React com hooks, context e patterns avancados para aplicacoes modernas',
     nivel: 'avancado',
     status: 'ativo',
-    categorias: ['Tecnologia'],
+    categorias: ['technology'],
     destaque: true,
     certificado: true,
     listado: true,
@@ -212,7 +196,7 @@ const initialCursos: Curso[] = [
       'Fundamentos de design de experiencia do usuario com ferramentas modernas e pesquisa',
     nivel: 'iniciante',
     status: 'ativo',
-    categorias: ['Design'],
+    categorias: ['design'],
     destaque: false,
     certificado: true,
     listado: true,
@@ -228,7 +212,7 @@ const initialCursos: Curso[] = [
       'Metodologias ageis para gestao de projetos incluindo Scrum, Kanban e SAFe em equipes',
     nivel: 'intermediario',
     status: 'ativo',
-    categorias: ['Gestao'],
+    categorias: ['management'],
     destaque: true,
     certificado: true,
     listado: true,
@@ -244,7 +228,7 @@ const initialCursos: Curso[] = [
       'Estrategias de marketing digital para negocios modernos incluindo SEO, SEM e redes sociais',
     nivel: 'intermediario',
     status: 'rascunho',
-    categorias: ['Marketing'],
+    categorias: ['marketing'],
     destaque: false,
     certificado: false,
     listado: false,
@@ -260,7 +244,7 @@ const initialCursos: Curso[] = [
       'Introducao a Python focado em ciencia de dados, analise estatistica e machine learning basico',
     nivel: 'intermediario',
     status: 'ativo',
-    categorias: ['Tecnologia'],
+    categorias: ['technology'],
     destaque: false,
     certificado: true,
     listado: true,
@@ -276,7 +260,7 @@ const initialCursos: Curso[] = [
       'Backend com Node.js, Express e bancos de dados relacionais e NoSQL para APIs robustas',
     nivel: 'avancado',
     status: 'ativo',
-    categorias: ['Tecnologia'],
+    categorias: ['technology'],
     destaque: true,
     certificado: true,
     listado: true,
@@ -292,7 +276,7 @@ const initialCursos: Curso[] = [
       'Aprenda a usar o Figma do zero para criar interfaces profissionais e prototipos interativos',
     nivel: 'iniciante',
     status: 'arquivado',
-    categorias: ['Design'],
+    categorias: ['design'],
     destaque: false,
     certificado: true,
     listado: false,
@@ -308,7 +292,7 @@ const initialCursos: Curso[] = [
       'Desenvolva habilidades de lideranca e comunicacao assertiva para ambientes corporativos',
     nivel: 'iniciante',
     status: 'ativo',
-    categorias: ['Gestao'],
+    categorias: ['management'],
     destaque: false,
     certificado: true,
     listado: true,
@@ -324,7 +308,7 @@ const initialCursos: Curso[] = [
       'Tecnicas avancadas de otimizacao para motores de busca, conteudo web e performance de sites',
     nivel: 'avancado',
     status: 'rascunho',
-    categorias: ['Marketing', 'Tecnologia'],
+    categorias: ['marketing', 'technology'],
     destaque: false,
     certificado: false,
     listado: false,
@@ -340,7 +324,7 @@ const initialCursos: Curso[] = [
       'TypeScript aplicado em projetos reais com boas praticas, design patterns e testes',
     nivel: 'intermediario',
     status: 'ativo',
-    categorias: ['Tecnologia'],
+    categorias: ['technology'],
     destaque: true,
     certificado: true,
     listado: true,
@@ -356,7 +340,7 @@ const initialCursos: Curso[] = [
       'Como criar e manter um design system escalavel para grandes equipes de produto e engenharia',
     nivel: 'avancado',
     status: 'ativo',
-    categorias: ['Design', 'Tecnologia'],
+    categorias: ['design', 'technology'],
     destaque: false,
     certificado: true,
     listado: true,
@@ -372,7 +356,7 @@ const initialCursos: Curso[] = [
       'Domine Excel com formulas avancadas, dashboards profissionais e analise de dados empresariais',
     nivel: 'iniciante',
     status: 'ativo',
-    categorias: ['Gestao', 'Financas'],
+    categorias: ['management', 'finance'],
     destaque: false,
     certificado: true,
     listado: true,
@@ -388,7 +372,7 @@ const initialCursos: Curso[] = [
       'Aprenda a gerenciar suas financas, investir e planejar sua aposentadoria de forma inteligente',
     nivel: 'iniciante',
     status: 'ativo',
-    categorias: ['Financas'],
+    categorias: ['finance'],
     destaque: false,
     certificado: true,
     listado: true,
@@ -404,7 +388,7 @@ const initialCursos: Curso[] = [
       'Desenvolvimento de aplicativos moveis multiplataforma com Flutter e Dart do zero ao deploy',
     nivel: 'intermediario',
     status: 'ativo',
-    categorias: ['Tecnologia'],
+    categorias: ['technology'],
     destaque: true,
     certificado: true,
     listado: true,
@@ -420,7 +404,7 @@ const initialCursos: Curso[] = [
       'Conceitos essenciais de direito trabalhista para gestores de RH e empreendedores',
     nivel: 'iniciante',
     status: 'rascunho',
-    categorias: ['Direito', 'Gestao'],
+    categorias: ['law', 'management'],
     destaque: false,
     certificado: false,
     listado: false,
@@ -440,12 +424,13 @@ const stagger = {
 
 const fadeUp = {
   hidden: { opacity: 0, y: 16 },
-  show: { opacity: 1, y: 0, transition: { duration: 0.35, ease: 'easeOut' } },
-};
+  show: { opacity: 1, y: 0, transition: { duration: 0.35 } },
+} as const;
 
 // ── Component ────────────────────────────────────────────────────────────────
 
 export default function CursosPage() {
+  const t = useTranslations('lms.CoursesPage');
   const pathname = usePathname();
   const router = useRouter();
 
@@ -474,7 +459,7 @@ export default function CursosPage() {
   const [currentPage, setCurrentPage] = useState(1);
 
   const form = useForm<CursoForm>({
-    resolver: zodResolver(cursoSchema),
+    resolver: zodResolver(createCursoSchema(t)),
     defaultValues: {
       codigo: '',
       nomeInterno: '',
@@ -602,7 +587,7 @@ export default function CursosPage() {
       setCursos((prev) =>
         prev.map((c) => (c.id === editingCurso.id ? { ...c, ...data } : c))
       );
-      toast.success('Curso atualizado com sucesso!');
+      toast.success(t('toasts.courseUpdated'));
       setSaving(false);
       setSheetOpen(false);
     } else {
@@ -611,10 +596,10 @@ export default function CursosPage() {
         id: newId,
         ...data,
         alunosInscritos: 0,
-        criadoEm: new Date().toISOString().split('T')[0],
+        criadoEm: new Date().toISOString().split('T')[0] || '',
       };
       setCursos((prev) => [newCurso, ...prev]);
-      toast.success('Curso criado com sucesso! Redirecionando...');
+      toast.success(t('toasts.courseCreated'));
       setSaving(false);
       setSheetOpen(false);
       // Redirecionar para pagina dedicada do curso
@@ -632,7 +617,9 @@ export default function CursosPage() {
         next.delete(cursoToDelete.id);
         return next;
       });
-      toast.success(`Curso "${cursoToDelete.tituloComercial}" removido.`);
+      toast.success(
+        t('toasts.courseRemoved', { title: cursoToDelete.tituloComercial })
+      );
       setCursoToDelete(null);
       setDeleteDialogOpen(false);
     }
@@ -641,7 +628,7 @@ export default function CursosPage() {
   function bulkDelete() {
     if (selectedIds.size === 0) return;
     setCursos((prev) => prev.filter((c) => !selectedIds.has(c.id)));
-    toast.success(`${selectedIds.size} curso(s) removido(s).`);
+    toast.success(t('toasts.coursesRemoved', { count: selectedIds.size }));
     setSelectedIds(new Set());
   }
 
@@ -652,7 +639,7 @@ export default function CursosPage() {
         selectedIds.has(c.id) ? { ...c, status: 'arquivado' as const } : c
       )
     );
-    toast.success(`${selectedIds.size} curso(s) arquivado(s).`);
+    toast.success(t('toasts.coursesArchived', { count: selectedIds.size }));
     setSelectedIds(new Set());
   }
 
@@ -667,21 +654,21 @@ export default function CursosPage() {
   return (
     <Page>
       <PageHeader
-        title="Cursos"
-        description="Gerencie seus cursos, categorias e niveis de forma facil e rapida."
+        title={t('title')}
+        description={t('description')}
         breadcrumbs={[
           {
-            label: 'Home',
+            label: t('breadcrumbs.home'),
             href: '/',
           },
           {
-            label: 'Cursos',
+            label: t('breadcrumbs.courses'),
           },
         ]}
         actions={
           <Button onClick={openCreateSheet} className="gap-2">
             <Plus className="size-4" />
-            Criar Curso
+            {t('actions.createCourse')}
           </Button>
         }
       />
@@ -695,7 +682,7 @@ export default function CursosPage() {
                 <div className="relative flex-1">
                   <Search className="absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
                   <Input
-                    placeholder="Buscar por codigo, titulo ou nome interno..."
+                    placeholder={t('filters.searchPlaceholder')}
                     value={busca}
                     onChange={(e) => setBusca(e.target.value)}
                     className="pl-9"
@@ -704,30 +691,44 @@ export default function CursosPage() {
                 <div className="flex flex-wrap items-center gap-2">
                   <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
                     <Filter className="size-3.5" />
-                    Filtros:
+                    {t('filters.filtersLabel')}
                   </div>
                   <Select value={filtroStatus} onValueChange={setFiltroStatus}>
                     <SelectTrigger className="h-9 w-[130px] text-xs">
-                      <SelectValue placeholder="Status" />
+                      <SelectValue placeholder={t('status.active')} />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="todos">Todos Status</SelectItem>
-                      <SelectItem value="ativo">Ativo</SelectItem>
-                      <SelectItem value="rascunho">Rascunho</SelectItem>
-                      <SelectItem value="arquivado">Arquivado</SelectItem>
+                      <SelectItem value="todos">
+                        {t('filters.allStatuses')}
+                      </SelectItem>
+                      <SelectItem value="ativo">
+                        {t('status.active')}
+                      </SelectItem>
+                      <SelectItem value="rascunho">
+                        {t('status.draft')}
+                      </SelectItem>
+                      <SelectItem value="arquivado">
+                        {t('status.archived')}
+                      </SelectItem>
                     </SelectContent>
                   </Select>
                   <Select value={filtroNivel} onValueChange={setFiltroNivel}>
                     <SelectTrigger className="h-9 w-[140px] text-xs">
-                      <SelectValue placeholder="Nivel" />
+                      <SelectValue placeholder={t('levels.beginner')} />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="todos">Todos Niveis</SelectItem>
-                      <SelectItem value="iniciante">Iniciante</SelectItem>
+                      <SelectItem value="todos">
+                        {t('filters.allLevels')}
+                      </SelectItem>
+                      <SelectItem value="iniciante">
+                        {t('levels.beginner')}
+                      </SelectItem>
                       <SelectItem value="intermediario">
-                        Intermediario
+                        {t('levels.intermediate')}
+                      </SelectItem>
+                      <SelectItem value="avancado">
+                        {t('levels.advanced')}
                       </SelectItem>
-                      <SelectItem value="avancado">Avancado</SelectItem>
                     </SelectContent>
                   </Select>
                   <Select
@@ -735,13 +736,15 @@ export default function CursosPage() {
                     onValueChange={setFiltroCategoria}
                   >
                     <SelectTrigger className="h-9 w-[140px] text-xs">
-                      <SelectValue placeholder="Categoria" />
+                      <SelectValue placeholder={t('categories.technology')} />
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="todos">Todas Categorias</SelectItem>
+                      <SelectItem value="todos">
+                        {t('filters.allCategories')}
+                      </SelectItem>
                       {CATEGORIAS.map((cat) => (
                         <SelectItem key={cat} value={cat}>
-                          {cat}
+                          {t(`categories.${cat}`)}
                         </SelectItem>
                       ))}
                     </SelectContent>
@@ -762,7 +765,7 @@ export default function CursosPage() {
                       }}
                     >
                       <X className="mr-1 size-3" />
-                      Limpar
+                      {t('filters.clear')}
                     </Button>
                   )}
                 </div>
@@ -784,7 +787,7 @@ export default function CursosPage() {
               <div className="flex items-center gap-3 rounded-lg border bg-muted/50 px-4 py-2.5">
                 <CheckSquare className="size-4 text-muted-foreground" />
                 <span className="text-sm font-medium">
-                  {selectedIds.size} selecionado(s)
+                  {t('bulkActions.selected', { count: selectedIds.size })}
                 </span>
                 <Separator orientation="vertical" className="h-5" />
                 <Button
@@ -794,7 +797,7 @@ export default function CursosPage() {
                   onClick={bulkArchive}
                 >
                   <Archive className="size-3" />
-                  Arquivar
+                  {t('bulkActions.archive')}
                 </Button>
                 <Button
                   variant="outline"
@@ -803,7 +806,7 @@ export default function CursosPage() {
                   onClick={bulkDelete}
                 >
                   <Trash2 className="size-3" />
-                  Excluir
+                  {t('bulkActions.delete')}
                 </Button>
                 <Button
                   variant="ghost"
@@ -811,7 +814,7 @@ export default function CursosPage() {
                   className="ml-auto h-7 text-xs"
                   onClick={() => setSelectedIds(new Set())}
                 >
-                  Limpar selecao
+                  {t('bulkActions.clearSelection')}
                 </Button>
               </div>
             </motion.div>
@@ -852,20 +855,22 @@ export default function CursosPage() {
                           <Checkbox
                             checked={allPageSelected}
                             onCheckedChange={toggleSelectAll}
-                            aria-label="Selecionar todos"
+                            aria-label={t('table.selectAll')}
                           />
                         </TableHead>
-                        <TableHead className="w-[100px]">Codigo</TableHead>
-                        <TableHead>Titulo</TableHead>
+                        <TableHead className="w-[100px]">
+                          {t('table.headers.code')}
+                        </TableHead>
+                        <TableHead>{t('table.headers.title')}</TableHead>
                         <TableHead className="hidden md:table-cell">
-                          Nivel
+                          {t('table.headers.level')}
                         </TableHead>
-                        <TableHead>Status</TableHead>
+                        <TableHead>{t('table.headers.status')}</TableHead>
                         <TableHead className="hidden lg:table-cell">
-                          Categorias
+                          {t('table.headers.categories')}
                         </TableHead>
                         <TableHead className="hidden sm:table-cell text-right">
-                          Alunos
+                          {t('table.headers.students')}
                         </TableHead>
                         <TableHead className="w-[50px]" />
                       </TableRow>
@@ -889,7 +894,9 @@ export default function CursosPage() {
                               <Checkbox
                                 checked={selectedIds.has(curso.id)}
                                 onCheckedChange={() => toggleSelect(curso.id)}
-                                aria-label={`Selecionar ${curso.tituloComercial}`}
+                                aria-label={t('table.selectCourse', {
+                                  title: curso.tituloComercial,
+                                })}
                               />
                             </TableCell>
                             <TableCell>
@@ -912,12 +919,20 @@ export default function CursosPage() {
                                 variant="outline"
                                 className="text-xs font-normal"
                               >
-                                {NIVEL_MAP[curso.nivel]}
+                                {t(
+                                  `levels.${curso.nivel === 'iniciante' ? 'beginner' : curso.nivel === 'intermediario' ? 'intermediate' : 'advanced'}`
+                                )}
                               </Badge>
                             </TableCell>
                             <TableCell>
-                              <Badge variant={STATUS_MAP[curso.status].variant}>
-                                {STATUS_MAP[curso.status].label}
+                              <Badge
+                                variant={
+                                  STATUS_MAP[curso.status]?.variant || 'default'
+                                }
+                              >
+                                {t(
+                                  `status.${curso.status === 'ativo' ? 'active' : curso.status === 'rascunho' ? 'draft' : 'archived'}`
+                                )}
                               </Badge>
                             </TableCell>
                             <TableCell className="hidden lg:table-cell">
@@ -928,7 +943,7 @@ export default function CursosPage() {
                                     variant="secondary"
                                     className="text-[10px] font-normal"
                                   >
-                                    {cat}
+                                    {t(`categories.${cat}`)}
                                   </Badge>
                                 ))}
                               </div>
@@ -945,7 +960,9 @@ export default function CursosPage() {
                                     className="size-8 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100"
                                   >
                                     <MoreHorizontal className="size-4" />
-                                    <span className="sr-only">Acoes</span>
+                                    <span className="sr-only">
+                                      {t('table.actions.label')}
+                                    </span>
                                   </Button>
                                 </DropdownMenuTrigger>
                                 <DropdownMenuContent
@@ -959,14 +976,14 @@ export default function CursosPage() {
                                     className="gap-2"
                                   >
                                     <Eye className="size-3.5" />
-                                    Ver detalhes
+                                    {t('table.actions.viewDetails')}
                                   </DropdownMenuItem>
                                   <DropdownMenuItem
                                     onClick={() => openEditSheet(curso)}
                                     className="gap-2"
                                   >
                                     <Pencil className="size-3.5" />
-                                    Editar
+                                    {t('table.actions.edit')}
                                   </DropdownMenuItem>
                                   <DropdownMenuItem
                                     onClick={() => {
@@ -974,13 +991,15 @@ export default function CursosPage() {
                                         curso.codigo
                                       );
                                       toast.info(
-                                        `Codigo "${curso.codigo}" copiado.`
+                                        t('toasts.codeCopied', {
+                                          code: curso.codigo,
+                                        })
                                       );
                                     }}
                                     className="gap-2"
                                   >
                                     <Copy className="size-3.5" />
-                                    Copiar codigo
+                                    {t('table.actions.copyCode')}
                                   </DropdownMenuItem>
                                   <DropdownMenuSeparator />
                                   <DropdownMenuItem
@@ -991,7 +1010,7 @@ export default function CursosPage() {
                                     className="gap-2 text-destructive focus:text-destructive"
                                   >
                                     <Trash2 className="size-3.5" />
-                                    Excluir
+                                    {t('table.actions.delete')}
                                   </DropdownMenuItem>
                                 </DropdownMenuContent>
                               </DropdownMenu>
@@ -1005,10 +1024,10 @@ export default function CursosPage() {
                             <div className="flex flex-col items-center gap-2">
                               <BookOpen className="size-10 text-muted-foreground/40" />
                               <p className="text-sm font-medium text-muted-foreground">
-                                Nenhum curso encontrado
+                                {t('table.empty.title')}
                               </p>
                               <p className="text-xs text-muted-foreground/70">
-                                Tente ajustar os filtros ou criar um novo curso.
+                                {t('table.empty.description')}
                               </p>
                             </div>
                           </TableCell>
@@ -1022,22 +1041,22 @@ export default function CursosPage() {
                 {filteredCursos.length > 0 && (
                   <div className="flex flex-col items-center justify-between gap-3 border-t px-4 py-3 sm:flex-row">
                     <p className="text-xs text-muted-foreground">
-                      Mostrando{' '}
+                      {t('pagination.showing')}{' '}
                       <span className="font-medium text-foreground">
                         {(safePage - 1) * ITEMS_PER_PAGE + 1}
                       </span>{' '}
-                      a{' '}
+                      {t('pagination.to')}{' '}
                       <span className="font-medium text-foreground">
                         {Math.min(
                           safePage * ITEMS_PER_PAGE,
                           filteredCursos.length
                         )}
                       </span>{' '}
-                      de{' '}
+                      {t('pagination.of')}{' '}
                       <span className="font-medium text-foreground">
                         {filteredCursos.length}
                       </span>{' '}
-                      resultados
+                      {t('pagination.results')}
                     </p>
                     <div className="flex items-center gap-1">
                       <Button
@@ -1046,7 +1065,7 @@ export default function CursosPage() {
                         className="size-8"
                         disabled={safePage === 1}
                         onClick={() => setCurrentPage((p) => p - 1)}
-                        aria-label="Pagina anterior"
+                        aria-label={t('pagination.previousPage')}
                       >
                         <ChevronLeft className="size-4" />
                       </Button>
@@ -1067,7 +1086,7 @@ export default function CursosPage() {
                         className="size-8"
                         disabled={safePage === totalPages}
                         onClick={() => setCurrentPage((p) => p + 1)}
-                        aria-label="Proxima pagina"
+                        aria-label={t('pagination.nextPage')}
                       >
                         <ChevronRight className="size-4" />
                       </Button>
@@ -1085,28 +1104,28 @@ export default function CursosPage() {
         <SheetContent className="w-full overflow-y-auto sm:max-w-lg">
           <SheetHeader>
             <SheetTitle>
-              {editingCurso ? 'Editar Curso' : 'Criar Novo Curso'}
+              {editingCurso ? t('form.title.edit') : t('form.title.create')}
             </SheetTitle>
             <SheetDescription>
               {editingCurso
-                ? 'Atualize as informacoes do curso abaixo.'
-                : 'Preencha os dados para criar um novo curso. Apos criar, voce sera redirecionado para a pagina do curso.'}
+                ? t('form.description.edit')
+                : t('form.description.create')}
             </SheetDescription>
           </SheetHeader>
 
           <form
             onSubmit={form.handleSubmit(onSubmit)}
-            className="mt-6 flex flex-col gap-5 px-1"
+            className="mt-6 flex flex-col px-4 gap-5"
           >
             {/* Codigo */}
             <Field data-invalid={!!form.formState.errors.codigo}>
               <FieldLabel htmlFor="codigo">
                 <Hash className="size-3.5 text-muted-foreground" />
-                Codigo do Curso
+                {t('form.fields.code.label')}
               </FieldLabel>
               <Input
                 id="codigo"
-                placeholder="Ex: REACT-ADV"
+                placeholder={t('form.fields.code.placeholder')}
                 className="uppercase"
                 {...form.register('codigo')}
               />
@@ -1114,16 +1133,18 @@ export default function CursosPage() {
                 <FieldError>{form.formState.errors.codigo.message}</FieldError>
               )}
               <FieldDescription>
-                Identificador unico do curso (ex: REACT-ADV)
+                {t('form.fields.code.description')}
               </FieldDescription>
             </Field>
 
             {/* Nome Interno */}
             <Field data-invalid={!!form.formState.errors.nomeInterno}>
-              <FieldLabel htmlFor="nomeInterno">Nome Interno</FieldLabel>
+              <FieldLabel htmlFor="nomeInterno">
+                {t('form.fields.internalName.label')}
+              </FieldLabel>
               <Input
                 id="nomeInterno"
-                placeholder="Ex: react-avancado"
+                placeholder={t('form.fields.internalName.placeholder')}
                 {...form.register('nomeInterno')}
               />
               {form.formState.errors.nomeInterno && (
@@ -1132,18 +1153,18 @@ export default function CursosPage() {
                 </FieldError>
               )}
               <FieldDescription>
-                Slug interno para uso do sistema
+                {t('form.fields.internalName.description')}
               </FieldDescription>
             </Field>
 
             {/* Titulo Comercial */}
             <Field data-invalid={!!form.formState.errors.tituloComercial}>
               <FieldLabel htmlFor="tituloComercial">
-                Titulo Comercial
+                {t('form.fields.commercialTitle.label')}
               </FieldLabel>
               <Input
                 id="tituloComercial"
-                placeholder="Ex: React Avancado"
+                placeholder={t('form.fields.commercialTitle.placeholder')}
                 {...form.register('tituloComercial')}
               />
               {form.formState.errors.tituloComercial && (
@@ -1155,10 +1176,12 @@ export default function CursosPage() {
 
             {/* Descricao */}
             <Field data-invalid={!!form.formState.errors.descricao}>
-              <FieldLabel htmlFor="descricao">Descricao</FieldLabel>
+              <FieldLabel htmlFor="descricao">
+                {t('form.fields.description.label')}
+              </FieldLabel>
               <Textarea
                 id="descricao"
-                placeholder="Descreva o conteudo e objetivos do curso..."
+                placeholder={t('form.fields.description.placeholder')}
                 rows={4}
                 {...form.register('descricao')}
               />
@@ -1172,21 +1195,27 @@ export default function CursosPage() {
             {/* Nivel + Status side by side */}
             <div className="grid grid-cols-2 gap-4">
               <Field data-invalid={!!form.formState.errors.nivel}>
-                <FieldLabel>Nivel</FieldLabel>
+                <FieldLabel>{t('form.fields.level.label')}</FieldLabel>
                 <Controller
                   control={form.control}
                   name="nivel"
                   render={({ field }) => (
                     <Select value={field.value} onValueChange={field.onChange}>
                       <SelectTrigger>
-                        <SelectValue placeholder="Selecione" />
+                        <SelectValue
+                          placeholder={t('form.fields.level.placeholder')}
+                        />
                       </SelectTrigger>
                       <SelectContent>
-                        {NIVEIS.map((n) => (
-                          <SelectItem key={n.value} value={n.value}>
-                            {n.label}
-                          </SelectItem>
-                        ))}
+                        <SelectItem value="iniciante">
+                          {t('levels.beginner')}
+                        </SelectItem>
+                        <SelectItem value="intermediario">
+                          {t('levels.intermediate')}
+                        </SelectItem>
+                        <SelectItem value="avancado">
+                          {t('levels.advanced')}
+                        </SelectItem>
                       </SelectContent>
                     </Select>
                   )}
@@ -1197,21 +1226,27 @@ export default function CursosPage() {
               </Field>
 
               <Field data-invalid={!!form.formState.errors.status}>
-                <FieldLabel>Status</FieldLabel>
+                <FieldLabel>{t('form.fields.status.label')}</FieldLabel>
                 <Controller
                   control={form.control}
                   name="status"
                   render={({ field }) => (
                     <Select value={field.value} onValueChange={field.onChange}>
                       <SelectTrigger>
-                        <SelectValue placeholder="Selecione" />
+                        <SelectValue
+                          placeholder={t('form.fields.status.placeholder')}
+                        />
                       </SelectTrigger>
                       <SelectContent>
-                        {STATUS_OPTIONS.map((s) => (
-                          <SelectItem key={s.value} value={s.value}>
-                            {s.label}
-                          </SelectItem>
-                        ))}
+                        <SelectItem value="ativo">
+                          {t('status.active')}
+                        </SelectItem>
+                        <SelectItem value="rascunho">
+                          {t('status.draft')}
+                        </SelectItem>
+                        <SelectItem value="arquivado">
+                          {t('status.archived')}
+                        </SelectItem>
                       </SelectContent>
                     </Select>
                   )}
@@ -1228,9 +1263,9 @@ export default function CursosPage() {
 
             {/* Categorias - Multi select via checkboxes */}
             <Field data-invalid={!!form.formState.errors.categorias}>
-              <FieldLabel>Categorias</FieldLabel>
+              <FieldLabel>{t('form.fields.categories.label')}</FieldLabel>
               <FieldDescription>
-                Selecione uma ou mais categorias
+                {t('form.fields.categories.description')}
               </FieldDescription>
               <Controller
                 control={form.control}
@@ -1256,7 +1291,7 @@ export default function CursosPage() {
                               }
                             }}
                           />
-                          {cat}
+                          {t(`categories.${cat}`)}
                         </label>
                       );
                     })}
@@ -1274,16 +1309,18 @@ export default function CursosPage() {
 
             {/* Flags */}
             <div className="flex flex-col gap-4">
-              <p className="text-sm font-medium">Flags Principais</p>
+              <p className="text-sm font-medium">{t('form.flags.title')}</p>
               <Controller
                 control={form.control}
                 name="destaque"
                 render={({ field }) => (
                   <div className="flex items-center justify-between rounded-md border px-4 py-3">
                     <div className="flex flex-col gap-0.5">
-                      <span className="text-sm font-medium">Destaque</span>
+                      <span className="text-sm font-medium">
+                        {t('form.flags.featured.label')}
+                      </span>
                       <span className="text-xs text-muted-foreground">
-                        Exibir como curso em destaque na vitrine
+                        {t('form.flags.featured.description')}
                       </span>
                     </div>
                     <Switch
@@ -1299,9 +1336,11 @@ export default function CursosPage() {
                 render={({ field }) => (
                   <div className="flex items-center justify-between rounded-md border px-4 py-3">
                     <div className="flex flex-col gap-0.5">
-                      <span className="text-sm font-medium">Certificado</span>
+                      <span className="text-sm font-medium">
+                        {t('form.flags.certificate.label')}
+                      </span>
                       <span className="text-xs text-muted-foreground">
-                        Emitir certificado ao concluir o curso
+                        {t('form.flags.certificate.description')}
                       </span>
                     </div>
                     <Switch
@@ -1317,9 +1356,11 @@ export default function CursosPage() {
                 render={({ field }) => (
                   <div className="flex items-center justify-between rounded-md border px-4 py-3">
                     <div className="flex flex-col gap-0.5">
-                      <span className="text-sm font-medium">Listado</span>
+                      <span className="text-sm font-medium">
+                        {t('form.flags.listed.label')}
+                      </span>
                       <span className="text-xs text-muted-foreground">
-                        Visivel no catalogo publico de cursos
+                        {t('form.flags.listed.description')}
                       </span>
                     </div>
                     <Switch
@@ -1332,16 +1373,11 @@ export default function CursosPage() {
             </div>
 
             <SheetFooter className="mt-2 gap-2 pb-6">
-              <Button
-                type="button"
-                variant="outline"
-                onClick={() => setSheetOpen(false)}
-              >
-                Cancelar
-              </Button>
               <Button type="submit" disabled={saving} className="gap-2">
                 {saving && <Loader2 className="size-4 animate-spin" />}
-                {editingCurso ? 'Salvar Alteracoes' : 'Criar Curso'}
+                {editingCurso
+                  ? t('form.actions.save')
+                  : t('form.actions.create')}
               </Button>
             </SheetFooter>
           </form>
@@ -1354,10 +1390,10 @@ export default function CursosPage() {
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
               <AlertTriangle className="size-5 text-destructive" />
-              Confirmar Exclusao
+              {t('deleteDialog.title')}
             </DialogTitle>
             <DialogDescription>
-              Tem certeza que deseja excluir o curso{' '}
+              {t('deleteDialog.description')}{' '}
               <strong className="text-foreground">
                 {cursoToDelete?.tituloComercial}
               </strong>
@@ -1365,8 +1401,9 @@ export default function CursosPage() {
               {cursoToDelete && cursoToDelete.alunosInscritos > 0 && (
                 <span className="mt-2 flex items-center gap-1.5 rounded-md bg-amber-50 px-3 py-2 text-xs font-medium text-amber-700">
                   <AlertTriangle className="size-3.5" />
-                  Este curso possui {cursoToDelete.alunosInscritos} aluno(s)
-                  matriculado(s). A exclusao e irreversivel.
+                  {t('deleteDialog.warning', {
+                    count: cursoToDelete.alunosInscritos,
+                  })}
                 </span>
               )}
             </DialogDescription>
@@ -1376,7 +1413,7 @@ export default function CursosPage() {
               variant="outline"
               onClick={() => setDeleteDialogOpen(false)}
             >
-              Cancelar
+              {t('deleteDialog.actions.cancel')}
             </Button>
             <Button
               variant="destructive"
@@ -1384,7 +1421,7 @@ export default function CursosPage() {
               className="gap-2"
             >
               <Trash2 className="size-4" />
-              Excluir Curso
+              {t('deleteDialog.actions.delete')}
             </Button>
           </DialogFooter>
         </DialogContent>