import { NavLink } from 'react-router-dom'
import { TreePine, FolderTree, Download, Grid3x3, Users, Scale, Sparkles, Wand2, Activity, Building2 } from 'lucide-react'

/**
 * Admin-Seiten-Navigation (horizontal) — nur für Super-Admins (globaler Portal-Mandant).
 */
export default function AdminPageNav() {
  const pages = [
    { to: '/admin/hierarchy', label: 'Hierarchie', icon: TreePine },
    { to: '/admin/users', label: 'Nutzer', icon: Users },
    { to: '/admin/club-creation-requests', label: 'Vereinsgründungen', icon: Building2 },
    { to: '/admin/user-content', label: 'Nutzer-Inhalte', icon: Activity },
    { to: '/admin/maturity-models', label: 'Fähigkeitsmatrix', icon: Grid3x3 },
    { to: '/admin/catalogs', label: 'Kataloge', icon: FolderTree },
    { to: '/admin/mediawiki-import', label: 'Wiki-Import', icon: Download },
    { to: '/admin/legal-documents', label: 'Rechtstexte', icon: Scale },
    { to: '/admin/ai-prompts', label: 'KI Prompts', icon: Sparkles },
    { to: '/admin/exercise-enrichment', label: 'Übungs-Anreicherung', icon: Wand2 },
  ]

  return (
    <nav className="admin-top-nav" aria-label="Administration">
      {pages.map((page) => {
        const Icon = page.icon
        return (
          <NavLink
            key={page.to}
            to={page.to}
            className={({ isActive }) =>
              'admin-top-nav__link' + (isActive ? ' admin-top-nav__link--active' : '')
            }
          >
            <Icon size={18} strokeWidth={2} aria-hidden />
            <span>{page.label}</span>
          </NavLink>
        )
      })}
    </nav>
  )
}