import Link from "next/link";

const links = [
  ["Dashboard", "/admin"],
  ["Ürünler", "/admin/products"],
  ["Stok", "/admin/inventory"],
  ["Siparişler", "/admin/orders"],
  ["Müşteriler", "/admin/customers"],
  ["Kampanyalar", "/admin/promotions"],
  ["Vitrin/CMS", "/admin/cms"],
  ["Audit", "/admin/audit"],
  ["Sistem", "/admin/settings"],
] as const;

export default function AdminLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <div className="min-h-screen bg-slate-100 text-slate-950">
      <header className="border-b border-slate-200 bg-white">
        <div className="mx-auto flex max-w-7xl items-center justify-between px-6 py-4">
          <Link className="text-xl font-black text-blue-700" href="/admin">Yapaylisans.com Admin</Link>
          <Link className="text-sm font-semibold text-slate-600 hover:text-blue-700" href="/">Mağazaya dön</Link>
        </div>
      </header>
      <div className="mx-auto grid max-w-7xl gap-6 px-6 py-6 lg:grid-cols-[220px_1fr]">
        <nav className="h-fit rounded-2xl border border-slate-200 bg-white p-3 shadow-sm">
          {links.map(([label, href]) => (
            <Link className="block rounded-xl px-4 py-3 text-sm font-semibold text-slate-700 hover:bg-blue-50 hover:text-blue-700" href={href} key={href}>
              {label}
            </Link>
          ))}
        </nav>
        <main>{children}</main>
      </div>
    </div>
  );
}