import { redirect } from "next/navigation";
import { getSession } from "@/lib/auth";
import { LoginForm } from "./login-form";

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

  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">CRM Quản trị Bán hàng</h1>
          <p className="mt-1 text-sm text-ink-400">
            Đăng nhập để tiếp tục vào hệ thống.
          </p>
        </div>

        {(params.dalatmatkhau || params.daodoimatkhau) && (
          <p className="mb-4 rounded-lg bg-ink-100 px-3 py-2 text-sm text-brand-600">
            Đã đổi mật khẩu thành công — đăng nhập lại với mật khẩu mới.
          </p>
        )}

        <div className="card p-6">
          <LoginForm />
        </div>
      </div>
    </main>
  );
}