import type { Metadata } from "next";
import LoginForm from "./LoginForm";

export const metadata: Metadata = {
  title: "Connexion",
  robots: { index: false, follow: false },
};

export default async function LoginPage({
  searchParams,
}: {
  searchParams: Promise<{ from?: string }>;
}) {
  const { from } = await searchParams;

  // On NE redirige PAS automatiquement même si une session existe.
  // Raison : si auth.api.getSession a une lecture inconsistante avec le
  // layout guard, on entre en boucle infinie. Plus simple : on affiche
  // toujours le form ; après login le LoginForm fait router.push vers
  // le bon dashboard.

  return (
    <main className="min-h-screen flex items-center justify-center px-6 py-20 bg-background">
      <div className="w-full max-w-md">
        <div className="text-center mb-12">
          <h1 className="font-serif font-bold text-3xl tracking-tighter text-primary mb-3">
            Socialex
          </h1>
          <p className="eyebrow">Connexion à votre espace</p>
        </div>

        <div className="bg-white border border-outline-variant p-10">
          <LoginForm fallbackRedirect={from} />
        </div>

        <p className="text-xs text-on-surface-variant text-center mt-8">
          <a
            href="/forgot-password"
            className="underline hover:text-primary transition-colors"
          >
            Mot de passe oublié ?
          </a>
        </p>
      </div>
    </main>
  );
}