import type { Metadata } from "next";
import { Suspense } from "react";
import { redirect } from "next/navigation";
import { currentUser } from "@/lib/session";
import { AuthForm } from "@/components/auth/AuthForm";

export const metadata: Metadata = { title: "Login" };

export default async function LoginPage() {
  const user = await currentUser();
  if (user) redirect(user.role === "ADMIN" ? "/admin" : "/account");

  return (
    <div className="mx-auto max-w-md px-4 py-12">
      <h1 className="mb-2 text-center text-2xl font-bold text-slate-900">
        Welcome back
      </h1>
      <p className="mb-6 text-center text-sm text-slate-500">
        Login or create an account to track your orders and sell requests.
      </p>
      <Suspense fallback={<div className="text-center text-slate-400">Loading…</div>}>
        <AuthForm />
      </Suspense>
    </div>
  );
}