import { auth } from "@/lib/auth"
import { redirect } from "next/navigation"
import Link from "next/link"
import { Footer } from "@/components/layout/footer"

const NAV = [
  { href: "/account/orders", label: "Commandes" },
  { href: "/account/profile", label: "Profil" },
]

export default async function AccountLayout({ children }: { children: React.ReactNode }) {
  const session = await auth()
  if (!session?.user) redirect("/login")

  return (
    <>
      <div className="mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-8">
        <div className="grid grid-cols-1 md:grid-cols-[200px_1fr] gap-12">
          <nav className="space-y-1">
            <p className="font-mono text-xs uppercase tracking-widest text-[var(--text-muted)] mb-4">
              Mon compte
            </p>
            {NAV.map((link) => (
              <Link
                key={link.href}
                href={link.href}
                className="block py-2 text-sm text-[var(--text-secondary)] hover:text-[var(--text)] transition-colors"
              >
                {link.label}
              </Link>
            ))}
          </nav>
          <main>{children}</main>
        </div>
      </div>
      <Footer />
    </>
  )
}