import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head } from '@inertiajs/react'; import { ModuleCard } from '@/components/module-card'; import { Input } from '@/components/ui/input'; import { useState } from 'react'; import { ArrowRight, Users, ShieldCheck, BadgeCheck, Bell, Search, Dog, Heart, FileText, Hospital } from 'lucide-react'; type BadgeType = 'Usuarios' | 'Verificación' | 'Homologaciones' | 'Alertas' | 'Animales' | 'Adopciones' | 'Registros' | 'Veterinarias'; type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive'; import { index as species } from '@/routes/species'; import { index as users } from '@/routes/users'; import { index as veterinaries } from '@/routes/veterinaries'; import { index as verifications } from '@/routes/verifications'; import { index as alerts } from '@/routes/admin-alerts'; import { index as harmonizations } from '@/routes/harmonizations'; const badgeIcons: Record = { Usuarios: Users, Verificación: ShieldCheck, Homologaciones: BadgeCheck, Alertas: Bell, Animales: Dog, Adopciones: Heart, Registros: FileText, Veterinarias: Hospital, }; const badgeVariants: Record = { Usuarios: 'default', Verificación: 'secondary', Homologaciones: 'outline', Alertas: 'destructive', Animales: 'default', Adopciones: 'secondary', Registros: 'outline', Veterinarias: 'default', }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Administrador', href: '/administrator', }, ]; const modules: Array<{ title: string; description: string; url: string; icon: React.ElementType; badge: BadgeType; active: boolean; }> = [ { title: 'Usuarios', description: 'Gestión y administración de usuarios del sistema.', url: users().url, icon: Users, badge: 'Usuarios', active: true, }, { title: 'Verificación de Perfiles', description: 'Verifica y aprueba los perfiles registrados en la plataforma.', url: verifications().url, icon: ShieldCheck, badge: 'Verificación', active: true, }, { title: 'Homologaciones', description: 'Gestión de solicitudes y procesos de homologación.', url: harmonizations().url, icon: BadgeCheck, badge: 'Homologaciones', active: true, }, { title: 'Alertas o Notificaciones', description: 'Gestión y envío de alertas o notificaciones a los usuarios.', url: alerts().url, icon: Bell, badge: 'Alertas', active: true, }, { title: 'Gestión de Animales', description: 'Administra el registro, perfil, razas y chips NFC de los animales en la plataforma.', url: species().url, icon: Dog, badge: 'Animales', active: true, }, { title: 'Veterinarias', description: 'Registro y administración de veterinarias autorizadas para colocar chips NFC a los perros.', url: veterinaries().url, icon: Hospital, badge: 'Veterinarias', active: true, }, ]; export default function AdministratorDashboard() { const [search, setSearch] = useState(''); const filteredModules = modules.filter( (mod) => mod.title.toLowerCase().includes(search.toLowerCase()) || mod.description.toLowerCase().includes(search.toLowerCase()), ); return (

Panel de módulos de administración

Desde aquí puedes acceder y gestionar los diferentes módulos administrativos: usuarios, roles, permisos, reportes y más. Haz clic en el botón{' '} Ir al módulo {' '} para ingresar a cada sección.

setSearch(e.target.value)} className="w-full pl-10 pr-4 py-2 rounded-lg border focus:outline-none focus:ring-2 focus:ring-primary" />
{filteredModules.length === 0 ? (
No se encontraron módulos.
) : ( filteredModules.map((mod, idx) => ( )) )}
); }