import type { Metadata } from "next";
import type { GameCard, PublicUser, UserSettings, WalletView } from "@spinza/shared";
import { apiServer } from "@/lib/api-server";
import { AppShell } from "@/components/shell/app-shell";
import { Landing } from "@/components/lobby/landing";
import { Lobby } from "@/components/lobby/lobby";

export const metadata: Metadata = {
  title: "Spinza — The Virtual Casino Playground",
  description: "Twenty original casino-style games played with free fictional credits. No deposits. No withdrawals. No cash value. 18+.",
  alternates: { canonical: "/" },
};

interface GamesResponse {
  games: GameCard[];
  livePlayers: number;
  recommendations: string[];
}

export default async function HomePage() {
  const [session, lobby] = await Promise.all([apiServer<{ user: PublicUser; wallet: WalletView; settings: UserSettings }>("/api/user"), apiServer<GamesResponse>("/api/games")]);

  if (!session) {
    return (
      <>
        <AppShell wide>
          <Landing games={lobby?.games ?? []} apiDown={lobby === null} />
        </AppShell>
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{
            __html: JSON.stringify({
              "@context": "https://schema.org",
              "@type": "WebSite",
              name: "Spinza",
              url: process.env.NEXT_PUBLIC_SITE_URL ?? "https://www.spinza.dev",
              description: "Original casino-style games played with fictional credits. No deposits, no withdrawals, no cash value.",
            }),
          }}
        />
      </>
    );
  }

  return (
    <AppShell>
      <Lobby user={session.user} games={lobby?.games ?? null} livePlayers={lobby?.livePlayers ?? 0} recommendations={lobby?.recommendations ?? []} />
    </AppShell>
  );
}