import { redirect } from "next/navigation";
import { getSession } from "@/lib/auth";
import { ResetPasswordForm } from "./reset-password-form";

export default async function ResetPasswordPage({
  searchParams,
}: {
  searchParams: Promise<{ token?: string }>;
}) {
  if (await getSession()) redirect("/");
  const params = await searchParams;

  if (!params.token) {
    return (
      <main className="flex min-h-dvh items-center justify-center bg-[var(--color-canvas)] px-4 py-10">
        <p className="text-sm text-ink-500">Đường dẫn không hợp lệ.</p>
      </main>
    );
  }

  return (
    <main className="flex min-h-dvh items-center justify-center bg-[var(--color-canvas)] px-4 py-10">
      <div className="w-full max-w-sm">
        <div className="mb-8">
          <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-brand-500 text-lg font-bold text-white">
            C
          </div>
          <h1 className="text-2xl font-bold text-ink-700">Đặt lại mật khẩu</h1>
          <p className="mt-1 text-sm text-ink-400">Nhập mật khẩu mới cho tài khoản của anh/chị.</p>
        </div>

        <div className="card p-6">
          <ResetPasswordForm token={params.token} />
        </div>
      </div>
    </main>
  );
}