"use client";

import {
  LayoutDashboard,
  Users,
  Ticket,
  BarChart3,
  Gift,
  Trophy,
} from "lucide-react";
import { SharedSidebar, NavItem } from "@/components/shared/SharedSidebar";

const ADMIN_NAV_ITEMS: NavItem[] = [
  {
    label: "Dashboard",
    href: "/admin/dashboard",
    icon: <LayoutDashboard className="w-5 h-5" />,
    color: "darkblue",
  },
  {
    label: "Utilisateurs",
    href: "/admin/utilisateurs",
    icon: <Users className="w-5 h-5" />,
    color: "blue",
  },
  {
    label: "Tickets",
    href: "/admin/tickets",
    icon: <Ticket className="w-5 h-5" />,
    color: "emerald",
  },
  {
    label: "Lots & Prix",
    href: "/admin/lots",
    icon: <Gift className="w-5 h-5" />,
    color: "purple",
  },
  {
    label: "Données Marketing",
    href: "/admin/marketing-data",
    icon: <BarChart3 className="w-5 h-5" />,
    color: "indigo",
  },
  {
    label: "Tirages",
    href: "/admin/tirages",
    icon: <Trophy className="w-5 h-5" />,
    color: "amber",
  },
];

const ADMIN_ACTIVE_STYLES: Record<string, string> = {
  darkblue: "bg-gradient-to-r from-[#1e3a5f] to-[#2d5a8f] text-white shadow-lg shadow-blue-900/30",
  blue: "bg-gradient-to-r from-blue-600 to-indigo-600 text-white shadow-lg shadow-blue-500/30",
  emerald: "bg-gradient-to-r from-emerald-600 to-teal-600 text-white shadow-lg shadow-emerald-500/30",
  purple: "bg-gradient-to-r from-purple-600 to-pink-600 text-white shadow-lg shadow-purple-500/30",
  indigo: "bg-gradient-to-r from-indigo-600 to-purple-600 text-white shadow-lg shadow-indigo-500/30",
  amber: "bg-gradient-to-r from-amber-500 to-orange-600 text-white shadow-lg shadow-amber-500/30",
};

export default function Sidebar() {
  return (
    <SharedSidebar
      navItems={ADMIN_NAV_ITEMS}
      title="Thé Tip Top"
      subtitle="Administration"
      activeStyles={ADMIN_ACTIVE_STYLES}
    />
  );
}