import Link from "next/link";
import { requestReset } from "@/actions/password-reset";

export default async function ForgotPage({
  searchParams,
}: {
  searchParams: Promise<{ sent?: string }>;
}) {
  const { sent } = await searchParams;

  return (
    <main style={{ maxWidth: 400, margin: "2rem auto" }}>
      <div className="card" style={{ padding: "1.75rem" }}>
        <h1 style={{ marginTop: 0, textAlign: "center" }}>Reset password</h1>
        {sent ? (
          <p className="muted" style={{ textAlign: "center" }}>
            If that email is registered, a reset link has been sent. Check your inbox.
          </p>
        ) : (
          <form action={requestReset} style={{ display: "grid", gap: "0.7rem", marginTop: "1rem" }}>
            <input name="email" type="email" placeholder="Your email" autoComplete="email" required />
            <button type="submit" className="btn btn-primary">
              Send reset link
            </button>
          </form>
        )}
        <p className="muted" style={{ textAlign: "center", marginBottom: 0, marginTop: "1rem" }}>
          <Link href="/login">Back to login</Link>
        </p>
      </div>
    </main>
  );
}