import Image from "next/image";
import Link from "next/link";
import { redirect } from "next/navigation";
import { getAdminUser } from "@/lib/admin-auth";

export const dynamic = "force-dynamic";

export default async function AdminLogin({ searchParams }: { searchParams: Promise<{ error?: string; changed?: string; expired?: string }> }) {
  if (await getAdminUser()) redirect("/admin");
  const { error, changed, expired } = await searchParams;
  return (
    <main className="flex min-h-screen items-center justify-center bg-[#eef3ef] px-5" dir="rtl">
      <section className="w-full max-w-md rounded-[2rem] border border-emerald-950/10 bg-white p-7 shadow-xl sm:p-9">
        <Image src="/alstc-logo.webp" alt="ALSTC" width={88} height={88} className="mx-auto size-22 rounded-full object-cover" priority />
        <h1 className="mt-5 text-center text-2xl font-black text-[#073c2b]">ورود به پنل مدیریت</h1>
        <p className="mt-2 text-center text-sm leading-7 text-[#60766e]">مرکز معاملات آل عصفور</p>
        {changed && <p role="status" className="mt-5 rounded-2xl border border-emerald-200 bg-emerald-50 p-3 text-center text-sm text-emerald-800">رمز عبور تغییر کرد. با رمز جدید وارد شوید.</p>}
        {expired && <p role="status" className="mt-5 rounded-2xl border border-amber-200 bg-amber-50 p-3 text-center text-sm text-amber-800">نشست شما پایان یافته است. دوباره وارد شوید.</p>}
        {error && <p role="alert" className="mt-5 rounded-2xl border border-red-200 bg-red-50 p-3 text-center text-sm text-red-800">نام کاربری یا رمز عبور صحیح نیست.</p>}
        <form action="/api/admin/login" method="post" className="mt-6 grid gap-4">
          <label className="grid gap-2 text-sm font-bold text-[#294c3f]">نام کاربری<input name="username" autoComplete="username" required className="h-12 rounded-xl border border-emerald-950/15 px-4 outline-none focus:border-[#0a5a3c]" dir="ltr" /></label>
          <label className="grid gap-2 text-sm font-bold text-[#294c3f]">رمز عبور<input name="password" type="password" autoComplete="current-password" required className="h-12 rounded-xl border border-emerald-950/15 px-4 outline-none focus:border-[#0a5a3c]" dir="ltr" /></label>
          <button className="mt-2 h-12 rounded-full bg-[#0a5a3c] font-bold text-white transition hover:bg-[#084c33]">ورود امن</button>
        </form>
        <Link href="/" className="mt-5 block text-center text-sm font-bold text-[#0a5a3c]">بازگشت به سایت</Link>
      </section>
    </main>
  );
}