import { StoreNav } from "@/components/navbar";
import StoreSwitcher from "@/components/store-switcher";
import { redirect } from "next/navigation";
import prismadb from "@/lib/prisma";
import { ThemeToggle } from "./theme-toggle";

import { getServerSession } from "next-auth";
import { UserNav } from "./user-nav";

const Navbar = async () => {
  const session = await getServerSession();
  const userId = session?.user?.email;

  if (!userId) {
    redirect("/login");
  }

  const stores = await prismadb.store.findMany({
    include: {
      userToStore: {
        where: {
          userId: userId
        }
      }
    }
  });

  return (
    <div className="border-b">
      <div className="flex h-16 items-center px-4">
        <StoreSwitcher items={stores} />
        <StoreNav className="mx-6" />
        <div className="ml-auto flex items-center space-x-4">
          <ThemeToggle />
          <UserNav />
        </div>
      </div>
    </div>
  );
}

export default Navbar;