import RegisterBannerCard from '@/components/register-banner-card'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { Dialog, DialogContent } from '@/components/ui/dialog'; import { Separator } from '@/components/ui/separator'; import AppLayout from '@/layouts/app-layout'; import { cn } from '@/lib/utils'; import { index as verificationIndex } from '@/routes/verifications'; import { Accreditation, Auth, type BreadcrumbItem } from '@/types'; import { formatShortLatamDate } from '@/utils/dateFormat'; import { Head, usePage } from '@inertiajs/react'; import { useState } from 'react'; import VerifyModal from './verify-modal'; import { Owner, Animal, Team, Kennel, Business } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Verificación de Perfiles', href: verificationIndex().url, }, ]; interface Props { verification: Accreditation; profile: Owner | Animal | Team | Kennel | Business | null; auth: Auth; [key: string]: unknown; } export default function ProfileVerification() { const { verification, auth, profile } = usePage().props; const owner = verification.user?.owner; console.log('Profile Data:', profile); const isHomologacion = verification.type === 'homologacion'; const isVerificacion = verification.type === 'verification'; const perfilMap: Record = { animal: 'Animal', owner: 'Dueño', kennel: 'Criadero', business: 'Negocio', team: 'Equipo', }; const perfilLabel = perfilMap[verification.profile_type] || verification.profile_type; const bannerTitle = isHomologacion ? `¡Homologa el perfil de ${perfilLabel}!` : isVerificacion ? `¡Verifica el perfil de ${perfilLabel}!` : `¡Gestiona el perfil de ${perfilLabel}!`; const bannerDescription = isHomologacion ? `Gestiona y valida la homologación del perfil de tipo ${perfilLabel}.` : isVerificacion ? `Gestiona y valida la verificación del perfil de tipo ${perfilLabel}.` : `Gestiona y valida la información del perfil de tipo ${perfilLabel}.`; const bannerItems = isHomologacion ? [ 'Revisa solicitudes de homologación.', 'Aprueba o rechaza homologaciones.', 'Consulta el historial de homologaciones.', ] : [ 'Revisa solicitudes de verificación.', 'Aprueba o rechaza verificaciones.', 'Consulta el historial de verificaciones.', ]; const bannerImg = isHomologacion ? 'https://cdn-icons-png.flaticon.com/512/456/456212.png' : 'https://cdn-icons-png.flaticon.com/512/456/456212.png'; // Modal state const [openVerify, setOpenVerify] = useState(false); const [evidenceModalOpen, setEvidenceModalOpen] = useState(false); const [selectedEvidence, setSelectedEvidence] = useState(null); const isImage = (url: string) => /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(url); return (
{verification && ( <> {verification.status === 'pending' && (
)} {/* Modal de verificación */}
{/* Información de Verificación */} Información de Verificación Detalles principales del proceso.
Tipo:{' '} {isHomologacion ? 'Homologación' : isVerificacion ? 'Verificación' : verification.type}
Perfil: {perfilLabel}
Estado:{' '} {verification.status === 'approved' ? 'Aprobado' : verification.status === 'rejected' ? 'Rechazado' : verification.status === 'pending' ? 'Pendiente' : verification.status}
Creado:{' '} {verification.created_at ? formatShortLatamDate( verification.created_at, ) : '-'}
Detalle:
{verification.detail ?? '-'}
{/* Datos del Usuario */} Usuario Información básica asociada.
Nombre:{' '} {verification.user?.name ?? '-'}
Email:{' '} {verification.user?.email ?? '-'}
Teléfono:{' '} {verification.user?.phone ?? '-'}
Ciudad:{' '} {verification.user?.city ?? '-'}
País:{' '} {verification.user?.country ?? '-'}
Fecha nacimiento:{' '} {verification.user?.birthdate ? formatShortLatamDate( verification.user.birthdate, ) : '-'}
{/* Datos del Propietario / Perfil */} {profile && ( {perfilLabel} Información del perfil verificado. {/* Animal */} {verification.profile_type === 'animal' && profile && ( <>
Nombre: {(profile as Animal).name ?? '-'}
Raza: {(profile as Animal).breed?.name ?? '-'}
Sexo: {(profile as Animal).sex ?? '-'}
Color: {(profile as Animal).color ?? '-'}
Fecha nacimiento: {(profile as Animal).birth_date ? formatShortLatamDate((profile as Animal).birth_date) : '-'}
)} {/* Dueño */} {verification.profile_type === 'owner' && profile && ( <>
Nombre: {`${(profile as Owner).first_name ?? ''} ${(profile as Owner).last_name ?? ''}`.trim()}
Documento: {`${(profile as Owner).document_type?.toUpperCase() ?? '-'} | ${(profile as Owner).identity_document ?? '-'}`}
Teléfono: {(profile as Owner).phone ?? '-'}
Dirección: {(profile as Owner).address ?? '-'}
Biografía: {(profile as Owner).bio ?? '-'}
)} {/* Criadero */} {verification.profile_type === 'kennel' && profile && ( <>
Nombre: {(profile as Kennel).name ?? '-'}
Ubicación: {(profile as Kennel).location ?? '-'}
Descripción: {(profile as Kennel).description ?? '-'}
Homologado: {(profile as Kennel).homologated ? 'Sí' : 'No'}
Registrado: {(profile as Kennel).registered_at ? formatShortLatamDate((profile as Kennel).registered_at!) : '-'}
{/* Puedes agregar banner_url, shield_url, logo_url, social_networks si quieres mostrar imágenes o redes */} )} {/* Negocio */} {verification.profile_type === 'business' && profile && ( <>
Nombre: {(profile as Business).name ?? '-'}
Tipo: {(profile as Business).type ?? '-'}
Descripción: {(profile as Business).description ?? '-'}
Dirección: {(profile as Business).address ?? '-'}
Teléfono: {(profile as Business).phone ?? '-'}
Homologado: {(profile as Business).homologated ? 'Sí' : 'No'}
{/* Puedes agregar banner_url, shield_url, logo_url, social_networks, productos si quieres mostrar más */} )} {/* Equipo */} {verification.profile_type === 'team' && profile && ( <>
Nombre: {(profile as Team).name ?? '-'}
Descripción: {(profile as Team).description ?? '-'}
Status: {(profile as Team).status ?? '-'}
Afijo: {(profile as Team).affix ?? '-'}
Homologado: {(profile as Team).homologated ? 'Sí' : 'No'}
{/* Puedes agregar banner_url, shield_url, logo_url, social_networks si quieres mostrar más */} )} )} {/* Separador y Documentos */} {/* Card de Evidencia (Documentos de Verificación) */} {(profile?.verification_documents ?? []).length > 0 && ( Documentos de Verificación Archivos presentados en el proceso. {profile.verification_documents.map( (doc: string, idx: number) => ( ), )} )} {/* Modal para ver evidencia */} {selectedEvidence && ( isImage(selectedEvidence) ? ( Evidencia ) : (