import Link from 'next/link';
import { AuthForm } from '@/components/AuthForm';
import { register } from '../actions';
export const metadata = { title: 'Kayıt ol' };
export default async function Kayit({ searchParams }: { searchParams: Promise<{ paket?: string; sonra?: string }> }) {
  const { paket, sonra } = await searchParams;
  const hidden = { ...(paket ? { paket } : {}), ...(sonra ? { sonra } : {}) };
  return (<>
    <div className="tag">Hesap açmak ücretsiz</div>
    <h1 className="mb-8 mt-3 text-[30px] font-extrabold leading-tight tracking-[-0.02em]">Hesap açın, parselinizi bulun.</h1>
    <AuthForm action={register} submit="Hesabı oluştur" hidden={hidden}>
      <div><label className="label">Ad soyad</label><input name="name" required className="field" autoComplete="name" /></div>
      <div><label className="label">Ofis / firma (opsiyonel)</label><input name="company" className="field" /></div>
      <div><label className="label">E-posta</label><input name="email" type="email" required className="field" autoComplete="email" /></div>
      <div><label className="label">Şifre</label><input name="password" type="password" required minLength={8} className="field" autoComplete="new-password" /></div>
    </AuthForm>
    <p className="mt-4 text-[12.5px] leading-relaxed text-ink-soft">Hesap açarak <Link href="/kullanim-kosullari" className="underline underline-offset-2">Kullanım Koşulları</Link>&apos;nı kabul etmiş ve <Link href="/kvkk" className="underline underline-offset-2">KVKK Aydınlatma Metni</Link>&apos;ni okumuş olursunuz.</p>
    <p className="mt-6 text-sm text-ink-soft">Zaten hesabınız var mı? <Link href="/giris" className="text-ink underline decoration-signal underline-offset-4">Giriş yapın</Link></p>
  </>);
}