import Link from "next/link";
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/components/ui/card";
import { PasswordForm } from "./password-form";
export const metadata = {
  title: "Passwort vergessen · Kita-Planer",
  robots: { index: false, follow: false },
};
export default function ForgotPasswordPage() {
  return (
    <div className="flex min-h-screen items-center justify-center bg-[var(--bg)] px-5 py-12">
      <Card className="w-full max-w-md">
        <CardHeader>
          <CardTitle>Passwort vergessen?</CardTitle>
          <CardDescription>
            Fordere einen persönlichen Link an, um ein neues Passwort
            festzulegen. Der Link ist 30 Minuten gültig.
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-6">
          <PasswordForm mode="request" />
          <Link
            href="/login"
            className="inline-block text-sm text-[var(--accent-deep)] underline underline-offset-4"
          >
            Zurück zur Anmeldung
          </Link>
        </CardContent>
      </Card>
    </div>
  );
}