import Link from 'next/link'
import { cookies } from 'next/headers'
import AuthForm from '@/components/AuthForm'
import { register } from '@/app/actions/auth'

export const metadata = { title: 'Crear cuenta' }

export default async function RegisterPage() {
  const referred = Boolean((await cookies()).get('ref'))
  return (
    <>
      <h1 className="mb-1 text-center text-2xl font-bold">Creá tu cuenta</h1>
      <p className="mb-6 text-center text-sm text-gray-500">Gratis. Tu primer evento en 10 minutos.</p>
      {referred && <p className="mb-4 rounded-control bg-brand-50 px-4 py-3 text-center text-sm text-brand-700">Llegaste invitado por un referido 🎉</p>}
      <AuthForm action={register} submit="Crear cuenta gratis" fields={[
        { name: 'name', label: 'Tu nombre', placeholder: 'Juana Pérez', autoComplete: 'name' },
        { name: 'orgName', label: 'Organización o productora', placeholder: 'Egresados 2026, Club Atlético…' },
        { name: 'email', label: 'Email', type: 'email', autoComplete: 'email' },
        { name: 'password', label: 'Contraseña', type: 'password', placeholder: 'Mínimo 8 caracteres', autoComplete: 'new-password' },
      ]} />
      <p className="mt-6 text-center text-sm text-gray-500">¿Ya tenés cuenta? <Link href="/ingresar" className="font-semibold text-gray-900">Ingresar</Link></p>
    </>
  )
}