import type { Metadata } from "next";
import Link from "next/link";
import { Card, CardBody, CardFooter, CardHeader } from "@/components/ui/card";
import { ROUTES } from "@/config/routes.config";

export const metadata: Metadata = {
  title: "Forgot password · Event Manager",
};

export default function ForgotPasswordPage() {
  return (
    <main className="flex-1 flex items-center justify-center px-4 py-12">
      <div className="w-full max-w-md">
        <Card>
          <CardHeader>
            <h1 className="text-xl font-semibold tracking-tight text-foreground">
              Reset your password
            </h1>
            <p className="mt-1 text-sm text-muted">
              Password recovery is coming soon. For now, contact your
              administrator to reset your password.
            </p>
          </CardHeader>
          <CardBody>
            <p className="text-sm text-muted">
              Once Phase 2 ships, this page will let you receive a secure
              password-reset email.
            </p>
          </CardBody>
          <CardFooter>
            <Link
              href={ROUTES.login}
              className="text-sm text-primary hover:text-primary-hover font-medium"
            >
              ← Back to sign in
            </Link>
          </CardFooter>
        </Card>
      </div>
    </main>
  );
}