import type { Metadata } from "next";
import Link from "next/link";
import ForgotPasswordForm from "./ForgotPasswordForm";

export const metadata: Metadata = {
  title: "Mot de passe oublié",
  robots: { index: false, follow: false },
};

export default function ForgotPasswordPage() {
  return (
    <main className="min-h-screen flex items-center justify-center px-6 py-20 bg-background">
      <div className="w-full max-w-md">
        <div className="text-center mb-12">
          <h1 className="font-serif font-bold text-3xl tracking-tighter text-primary mb-3">
            Socialex
          </h1>
          <p className="eyebrow">Réinitialiser votre mot de passe</p>
        </div>

        <div className="bg-white border border-outline-variant p-10">
          <ForgotPasswordForm />
        </div>

        <p className="text-xs text-on-surface-variant text-center mt-8">
          <Link
            href="/login"
            className="underline hover:text-primary transition-colors"
          >
            Retour à la connexion
          </Link>
        </p>
      </div>
    </main>
  );
}