import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { requestReset } from "@/actions/password-reset";
import { ContentCard } from "@/components/public/ui";

export default async function ForgotPage({
  searchParams,
}: {
  searchParams: Promise<{ sent?: string }>;
}) {
  const t = await getTranslations("pages.forgot");
  const { sent } = await searchParams;

  return (
    <main style={{ maxWidth: 420, margin: "2rem auto" }}>
      <ContentCard
        icon="🔑"
        title={t("title")}
        subtitle={t("subtitle")}
      >
        {sent ? (
          <p className="muted" style={{ textAlign: "center", margin: 0 }}>
            {t("sentNotice")}
          </p>
        ) : (
          <form action={requestReset} style={{ display: "grid", gap: "0.7rem" }}>
            <input name="email" type="email" placeholder={t("emailPlaceholder")} autoComplete="email" required />
            <button type="submit" className="btn btn-primary">
              {t("sendResetLink")}
            </button>
          </form>
        )}
        <p className="muted" style={{ textAlign: "center", marginBottom: 0, marginTop: "1rem" }}>
          <Link href="/login">{t("backToLogin")}</Link>
        </p>
      </ContentCard>
    </main>
  );
}