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, Building, Mail, Phone, Globe, MapPin } from 'lucide-react'; import { showConfirmation, showSuccess, showError } from '@/lib/toast'; interface Institution { id: number; name: string; description?: string; address?: string; phone?: string; email?: string; website?: string; created_at: string; updated_at: string; } interface Props { institution: Institution; } export default function InstitutionsShow({ institution }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Instituciones', href: '/institutions' }, { title: institution.name, href: `/institutions/${institution.id}` }, ]; const handleDelete = () => { showConfirmation( `¿Estás seguro de que quieres eliminar la institución "${institution.name}"?`, () => { router.delete(`/institutions/${institution.id}`, { onSuccess: () => { showSuccess('Institución eliminada exitosamente'); }, onError: () => { showError('Error al eliminar la institución'); } }); } ); }; return (

{institution.name}

Detalles de la institución

{/* Institution Details */} Información General Detalles básicos de la institución

{institution.name}

{institution.description && (

{institution.description}

)}

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

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

{/* Contact Information */} Información de Contacto Datos de contacto y ubicación {institution.address && (

{institution.address}

)} {institution.phone && ( )} {institution.email && ( )} {institution.website && ( )} {!institution.address && !institution.phone && !institution.email && !institution.website && (

No hay información de contacto disponible

)}
); }