import type { Metadata } from "next";
import { Container, LinkButton, SectionHeading } from "@/components/ui";
import { noIndexPrivate } from "@/lib/seo";
import { getCurrentCustomer } from "@/lib/auth";
import { resolveSubscriptionReturn } from "@/lib/sponsorship-subscription/checkout-return";
import { getLocale } from "@/i18n/locale";
import { getAboStrings } from "@/i18n/sponsorship/abo";

// Fragt bei jedem Aufruf den aktuellen Stand bei Stripe ab — nie aus einem Cache.
export const dynamic = "force-dynamic";

export async function generateMetadata(): Promise<Metadata> {
  return { title: getAboStrings(await getLocale()).thanks.metaTitle, robots: noIndexPrivate };
}

type Props = { searchParams: Promise<Record<string, string | string[] | undefined>> };

/**
 * Rueckkehrseite nach dem Abo-Checkout (return_url in checkout.ts). Ueber
 * "abgeschlossen" entscheidet die serverseitige Nachfrage bei Stripe, nicht
 * die URL; angelegt wird hier nichts — Abo, Zahlung und Urkunde entstehen
 * ausschliesslich ueber den Webhook.
 */
export default async function AboThanksPage({ searchParams }: Props) {
  const t = getAboStrings(await getLocale()).thanks;
  const { session_id: sessionId } = await searchParams;
  const customer = await getCurrentCustomer();
  const result =
    typeof sessionId === "string" && customer ? await resolveSubscriptionReturn(sessionId, customer.id) : { kind: "notCompleted" as const };

  const view =
    result.kind === "active"
      ? { title: t.activeTitle, text: t.activeText }
      : result.kind === "processing"
        ? { title: t.processingTitle, text: t.processingText }
        : { title: t.notCompletedTitle, text: t.notCompletedText };

  return (
    <div className="py-24">
      <Container className="max-w-xl text-center">
        <SectionHeading title={view.title} align="center" level="h1" className="mx-auto" />
        <p role="status" className="mt-6 text-ink/70">
          {view.text}
        </p>
        <div className="mt-10 flex flex-wrap items-center justify-center gap-4">
          {result.kind === "notCompleted" ? (
            <LinkButton href="/patenschaft">{t.backToOffer}</LinkButton>
          ) : (
            <>
              <LinkButton href={`/konto/patenschaft/abo/${result.subscriptionId}`}>{t.toSubscription}</LinkButton>
              <LinkButton href="/konto/patenschaft" variant="secondary">
                {t.toAccount}
              </LinkButton>
            </>
          )}
        </div>
      </Container>
    </div>
  );
}