import Link from "next/link";

import LoginForm from "../components/LoginForm";

export default async function LoginPage({
  searchParams
}: {
  searchParams?: Promise<Record<string, string | string[] | undefined>>;
}) {
  const params = await searchParams;
  const redirectTo = typeof params?.returnTo === "string" ? params.returnTo : "/account";

  return (
    <main className="page-shell">
      <div className="auth-wrap">
        <section className="auth-card">
          <span className="eyebrow">Acceso</span>
          <h1 className="section-title">Entrar en Makers3D</h1>
          <p className="muted">Usa una cuenta demo para revisar la experiencia publica, el panel maker y el backoffice.</p>
          <LoginForm redirectTo={redirectTo} />
          <p className="muted">Si no tienes cuenta, <Link href={`/register?returnTo=${encodeURIComponent(redirectTo)}`}>creala aqui</Link>.</p>
        </section>
      </div>
    </main>
  );
}