import { redirect } from "next/navigation";
import { Wordmark } from "@/components/Wordmark";
import { isLoggedIn } from "@/lib/auth";
import { LoginForm } from "./LoginForm";

export const metadata = { title: "Accedi · AmiCibi" };

export default async function LoginPage({ searchParams }: PageProps<"/login">) {
  if (await isLoggedIn()) redirect("/");
  const { da } = await searchParams;
  return (
    <div className="flex min-h-dvh flex-col">
      <header className="gingham safe-top rounded-b-[36px] shadow-[0_6px_20px_-12px_rgba(28,42,82,0.6)]">
        <div className="mx-auto flex max-w-sm flex-col gap-3 px-6 pt-16 pb-12">
          <Wordmark className="text-[64px] [text-shadow:0_3px_0_rgba(28,42,82,0.4)]" />
          <p className="text-lg font-bold [text-shadow:0_1px_0_rgba(28,42,82,0.4)]">Cosa mangiano, e cosa no, i nostri amici.</p>
        </div>
      </header>
      <main className="mx-auto w-full max-w-sm px-6 py-10">
        <LoginForm da={typeof da === "string" ? da : ""} />
      </main>
    </div>
  );
}