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

export const dynamic = "force-dynamic";

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

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

  return (
    <>
      <PageHeader
        eyebrow="Konto"
        title="Konto erstellen"
        lead="Mit einem Konto kannst du Termine anfragen und behältst alle deine Buchungen im Blick."
        crumbs={[{ title: "Konto erstellen" }]}
      />
      <Section tone="plain">
        <div className="mx-auto max-w-md">
          <RegisterForm />
          <p className="mt-6 text-center text-sm text-anouma-plum">
            Schon ein Konto?{" "}
            <Link href="/login" className="font-medium text-anouma-mauve-dark underline underline-offset-4">
              Jetzt anmelden
            </Link>
          </p>
        </div>
      </Section>
    </>
  );
}