import { CreditCard, DollarSign, Package, EuroIcon } from "lucide-react";

import { Separator } from "@/components/ui/separator";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Heading } from "@/components/ui/heading";
import { formatter } from "@/lib/utils";
import { getServerSession } from "next-auth";
import { redirect } from "next/navigation";
import prismadb from "@/lib/prisma";


import StoreList from "@/components/store-list";

interface HomeProps {
  items: Record<string, any>[];
}

export default async function Home({ items = [] }: HomeProps) {

  const session = await getServerSession();
  const userId = session?.user?.email;

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

  if (userId) {
    redirect('/stores')
  }


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

  return (
    <div className="flex-col">
      <div className="flex-1 space-y-4 p-8 pt-6">
        <Heading title="Your stores" description="Overview of your stores" />
        <Separator />
        <div className="grid gap-4 grid-cols-3">
          <StoreList items={stores} />
        </div>
      </div>
    </div>
  );
};