import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, Link, router } from '@inertiajs/react'; import { ArrowLeft, Edit, Trash2, Users, Mail, Building, CheckCircle, XCircle, Shield, Key, FolderOpen, Phone, MapPin } from 'lucide-react'; import { showConfirmation, showSuccess, showError } from '@/lib/toast'; interface Role { id: number; name: string; } interface Permission { id: number; name: string; } interface Project { id: number; name: string; description?: string; } interface Institution { id: number; name: string; } interface Departamento { id: number; name: string; } interface Municipio { id: number; name: string; } interface User { id: number; name: string; email: string; phone?: string; avatar?: string; profile_photo_url: string; institution?: Institution; departamento?: Departamento; municipio?: Municipio; profile_completed: boolean; is_researcher: boolean; email_verified_at?: string; roles?: Role[]; permissions?: Permission[]; created_projects?: Project[]; collaborating_projects?: Project[]; created_at: string; updated_at: string; } interface Props { user: User; } export default function UsersShow({ user }: Props) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Usuarios', href: '/users' }, { title: user.name, href: `/users/${user.id}` }, ]; const handleDelete = () => { showConfirmation( `¿Estás seguro de que quieres eliminar el usuario "${user.name}"?`, () => { router.delete(`/users/${user.id}`, { onSuccess: () => { showSuccess('Usuario eliminado exitosamente'); }, onError: () => { showError('Error al eliminar el usuario'); } }); } ); }; return (
{/* Header */}
{user.name?.split(' ').map(n => n[0]).join('').toUpperCase()}

{user.name}

Detalles del usuario

{/* User Details */}
{/* Basic Information */} Información del Usuario Detalles básicos del usuario

{user.name}

{user.email}
{user.phone && (
{user.phone}
)} {user.institution && (
{user.institution.name}
)} {user.departamento && (
{user.departamento.name}
)} {user.municipio && (
{user.municipio.name}
)}
{user.email_verified_at ? ( Correo Verificado ) : ( Correo Sin Verificar )}
{user.profile_completed ? ( Perfil Completo ) : ( Perfil Incompleto )}
{user.is_researcher ? ( Sí ) : ( No )}
{user.roles?.length || 0} roles
{/* Roles */} {user.roles && user.roles.length > 0 && ( Roles Asignados Roles que tiene asignado este usuario
{user.roles.map((role) => ( {role.name} ))}
)} {/* Permissions */} {user.permissions && user.permissions.length > 0 && ( Permisos Directos Permisos asignados directamente a este usuario
{user.permissions.map((permission) => ( {permission.name} ))}
)} {/* Projects */} {(user.created_projects && user.created_projects.length > 0) || (user.collaborating_projects && user.collaborating_projects.length > 0) ? ( Proyectos Proyectos asociados a este usuario {user.created_projects && user.created_projects.length > 0 && (

Proyectos Creados ({user.created_projects.length})

{user.created_projects.map((project) => (

{project.name}

{project.description && (

{project.description}

)}
Creador
))}
)} {user.collaborating_projects && user.collaborating_projects.length > 0 && (

Proyectos de Colaboración ({user.collaborating_projects.length})

{user.collaborating_projects.map((project) => (

{project.name}

{project.description && (

{project.description}

)}
Colaborador
))}
)} ) : ( Proyectos Este usuario aún no tiene proyectos asociados

No hay proyectos creados ni colaboraciones activas.

)} {/* Timestamps */} Información del Sistema

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

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

); }