import { redirect } from "next/navigation";
import { getCurrentUser } from "@/lib/api/auth";
import { TabNav } from "@/components/layout/tab-nav";

const TABS = [
  { href: "/dashboard", label: "Overview" },
  { href: "/dashboard/tickets", label: "My Tickets" },
  { href: "/dashboard/orders", label: "Order History" },
  { href: "/dashboard/profile", label: "Profile" },
] as const;

export default async function DashboardLayout({ children }: { children: React.ReactNode }) {
  const user = await getCurrentUser();
  if (!user) {
    redirect("/login?next=/dashboard");
  }

  return (
    <div className="mx-auto max-w-4xl px-6 py-10">
      <h1 className="text-2xl font-semibold">Participant Dashboard</h1>
      <p className="mt-1 text-sm text-kolabora-neutral-dark/70">Hi, {user.name}</p>

      <TabNav tabs={TABS} basePath="/dashboard" />

      <div className="mt-6">{children}</div>
    </div>
  );
}