import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, Edit, Trash2, GraduationCap } from 'lucide-react'; import { showConfirmation, showSuccess, showError } from '@/lib/toast'; interface EducationLevel { id: number; name: string; description?: string; created_at: string; updated_at: string; } interface Props { educationLevel: EducationLevel; } export default function ShowEducationLevel({ educationLevel }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Niveles Educativos', href: '/education-levels' }, { title: educationLevel.name, href: `/education-levels/${educationLevel.id}` }, ]; const handleDelete = () => { showConfirmation( `¿Estás seguro de que quieres eliminar el nivel educativo "${educationLevel.name}"?`, () => { router.delete(`/education-levels/${educationLevel.id}`, { onSuccess: () => { showSuccess('Nivel educativo eliminado exitosamente'); }, onError: () => { showError('Error al eliminar el nivel educativo'); } }); } ); }; return (

{educationLevel.name}

Detalles del nivel educativo

Información General Datos básicos del nivel educativo

Nombre

{educationLevel.description && (

Descripción

{educationLevel.description}

)} Información del Sistema Metadatos y fechas de registro

{educationLevel.id}

Fecha de Creación

{new Date(educationLevel.created_at).toLocaleString('es-ES')}

Última Actualización

{new Date(educationLevel.updated_at).toLocaleString('es-ES')}

); }