import type { Metadata } from "next";
import Link from "next/link";
import { AuthShell } from "../_components/auth-shell";
import { ForgotPasswordForm } from "./forgot-password-form";
import { authTexts } from "@/lib/i18n/auth";
import { commonTexts } from "@/lib/i18n/common";

export const metadata: Metadata = {
  title: `${authTexts.forgotTitle} · ${commonTexts.appName}`,
  description: authTexts.forgotSubtitle,
};

export default function ForgotPasswordPage() {
  return (
    <AuthShell
      title={authTexts.forgotTitle}
      description={authTexts.forgotSubtitle}
      footer={
        <>
          {authTexts.haveAccount}{" "}
          <Link
            href="/signin"
            className="font-medium text-primary transition-colors hover:text-primary/80"
          >
            {authTexts.signInLink}
          </Link>
        </>
      }
    >
      <ForgotPasswordForm />
    </AuthShell>
  );
}