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, Lightbulb } from 'lucide-react'; import { showConfirmation, showSuccess, showError } from '@/lib/toast'; interface EnfoquePedagogico { id: number; name: string; description?: string; created_at: string; updated_at: string; } interface Props { enfoquePedagogico: EnfoquePedagogico; } export default function EnfoquePedagogicosShow({ enfoquePedagogico }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Enfoques Pedagógicos', href: '/enfoque-pedagogicos' }, { title: enfoquePedagogico.name, href: `/enfoque-pedagogicos/${enfoquePedagogico.id}` }, ]; const handleDelete = () => { showConfirmation( `¿Estás seguro de que quieres eliminar el enfoque pedagógico "${enfoquePedagogico.name}"?`, () => { router.delete(`/enfoque-pedagogicos/${enfoquePedagogico.id}`, { onSuccess: () => { showSuccess('Enfoque pedagógico eliminado exitosamente'); }, onError: () => { showError('Error al eliminar el enfoque pedagógico'); } }); } ); }; return (

{enfoquePedagogico.name}

Detalles del enfoque pedagógico

Información del Enfoque Pedagógico Detalles completos del enfoque pedagógico

{enfoquePedagogico.name}

{enfoquePedagogico.description && (

{enfoquePedagogico.description}

)}

{new Date(enfoquePedagogico.created_at).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}

{new Date(enfoquePedagogico.updated_at).toLocaleDateString('es-ES', { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}

); }