import { auth } from "@/lib/auth";
import { redirect } from "next/navigation";
import Sidebar from "../_components/Sidebar";
import FamilyStore from "./_components/FamilyStore";

export default async function MarketplacePage() {
  const session = await auth();

  if (!session?.user?.id) {
    redirect("/login");
  }

  if (session.user.role !== "FAMILY") {
    redirect("/dashboard");
  }

  return (
    <div className="min-h-screen bg-zinc-950 text-zinc-100">
      <Sidebar />
      <main className="p-4 md:ml-64 md:p-8">
        <div className="mx-auto max-w-6xl">
          <div className="mb-6">
            <h1 className="text-2xl font-bold text-zinc-100">Marketplace</h1>
            <p className="mt-1 text-sm text-zinc-400">
              Purchase the RememberMe Smart Band (QR Edition) for your loved one.
            </p>
          </div>

          <FamilyStore />
        </div>
      </main>
    </div>
  );
}