import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Textarea } from '@/components/ui/textarea'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowLeft, Save, GraduationCap } from 'lucide-react'; import { showLoading, updateToast } from '@/lib/toast'; interface EducationLevel { id: number; name: string; description?: string; created_at: string; updated_at: string; } interface Props { educationLevel: EducationLevel; } const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Niveles Educativos', href: '/education-levels' }, ]; export default function EditEducationLevel({ educationLevel }: Props) { const { data, setData, put, processing, errors } = useForm({ name: educationLevel.name, description: educationLevel.description || '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); const toastId = showLoading('Actualizando nivel educativo...'); put(`/education-levels/${educationLevel.id}`, { onSuccess: () => { updateToast(toastId, 'success', 'Nivel educativo actualizado exitosamente'); }, onError: () => { updateToast(toastId, 'error', 'Error al actualizar el nivel educativo'); } }); }; const currentBreadcrumbs: BreadcrumbItem[] = [ ...breadcrumbs, { title: `Editar ${educationLevel.name}`, href: `/education-levels/${educationLevel.id}/edit` }, ]; return (

Editar Nivel Educativo

Modifica la información del nivel educativo

Información del Nivel Educativo Actualiza los datos del nivel educativo
setData('name', e.target.value)} placeholder="Ej: Educación Básica Primaria" className={errors.name ? 'border-red-500' : ''} required /> {errors.name && (

{errors.name}

)}