import { redirect } from "next/navigation";
import { currentAdmin } from "@/lib/auth";

export default async function AdminLoginPage({ searchParams }: { searchParams: { error?: string } }) {
  const admin = await currentAdmin().catch(() => null);
  if (admin) redirect("/admin");
  return (
    <section className="grid min-h-screen place-items-center bg-[#F7F5EF] px-4 py-12">
      <form action="/api/admin/login" method="post" className="panel w-full max-w-md border-[#D8C98F] bg-white p-7 shadow-xl">
        <p className="text-sm font-bold uppercase text-gold">Elit Trade Admin</p>
        <h1 className="mt-2 font-heading text-3xl font-black">Secure Login</h1>
        <p className="mt-2 text-sm text-[#666]">Sign in to manage products, orders, and service requests.</p>
        <div className="mt-6 grid gap-4">
          <label>Email<input name="email" type="email" placeholder="admin@example.com" autoComplete="username" required /></label>
          <label>Password<input name="password" type="password" placeholder="Enter your password" autoComplete="current-password" required /></label>
          {searchParams.error ? <p className="rounded border border-[#B91C1C] bg-red-50 p-3 text-sm font-bold text-[#B91C1C]">Invalid admin credentials.</p> : null}
          <button className="btn btn-primary w-full">Login</button>
        </div>
      </form>
    </section>
  );
}