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 } from 'lucide-react'; import { showConfirmation, showSuccess, showError } from '@/lib/toast'; interface Category { id: number; name: string; description?: string; created_at: string; updated_at: string; } interface Props { category: Category; } export default function CategoriesShow({ category }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Categorías', href: '/categories' }, { title: category.name, href: `/categories/${category.id}` }, ]; const handleDelete = () => { showConfirmation( `¿Estás seguro de que quieres eliminar la categoría "${category.name}"?`, () => { router.delete(`/categories/${category.id}`, { onSuccess: () => { showSuccess('Categoría eliminada exitosamente'); }, onError: () => { showError('Error al eliminar la categoría'); } }); } ); }; return (
{/* Header */}

{category.name}

Detalles de la categoría

{/* Category Details */}
Información de la Categoría Detalles completos de la categoría

{category.name}

{category.description && (

{category.description}

)}

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

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

); }