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

{sede.name}

Detalles de la sede institucional

Información General Datos básicos de la sede

{sede.name}

{sede.institution.name}

{sede.address}

 Información de Contacto Datos de contacto de la sede
{sede.phone && (

{sede.phone}

)} {sede.email && (

{sede.email}

)}
{(sede.latitude && sede.longitude) && ( Ubicación Geográfica Coordenadas GPS de la sede

{sede.latitude}

{sede.longitude}

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

{sede.id}

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

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