import type { Metadata } from "next";
import { Suspense } from "react";
import Link from "next/link";
import { redirect } from "next/navigation";
import { PageHeader } from "@/components/PageHeader";
import { Section } from "@/components/Section";
import { LoginForm } from "@/components/auth/LoginForm";
import { getCurrentCustomer } from "@/lib/auth/customer";

export const dynamic = "force-dynamic";

export const metadata: Metadata = {
  title: "Anmelden",
};

export default async function LoginPage() {
  const customer = await getCurrentCustomer();
  if (customer) redirect("/konto");

  return (
    <>
      <PageHeader eyebrow="Konto" title="Anmelden" crumbs={[{ title: "Anmelden" }]} />
      <Section tone="plain">
        <div className="mx-auto max-w-md">
          <Suspense>
            <LoginForm />
          </Suspense>
          <p className="mt-6 text-center text-sm text-anouma-plum">
            Noch kein Konto?{" "}
            <Link href="/registrieren" className="font-medium text-anouma-mauve-dark underline underline-offset-4">
              Jetzt registrieren
            </Link>
          </p>
        </div>
      </Section>
    </>
  );
}
