import Link from 'next/link';
import { AuthForm } from '@/components/AuthForm';
import { login } from '../actions';
export const metadata = { title: 'Giriş' };
export default async function Giris({ searchParams }: { searchParams: Promise<{ sonra?: string }> }) {
  const { sonra } = await searchParams;
  return (<>
    <div className="tag">Hesabınıza girin</div>
    <h1 className="mb-8 mt-3 text-[30px] font-extrabold leading-tight tracking-[-0.02em]">Panelinize girin.</h1>
    <AuthForm action={login} submit="Giriş yap" hidden={sonra ? { sonra } : undefined}>
      <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 className="field" autoComplete="current-password" /></div>
    </AuthForm>
    <p className="mt-4 text-sm"><Link href="/sifremi-unuttum" className="text-ink-soft hover:text-ink">Şifremi unuttum</Link></p>
    <p className="mt-2 text-sm text-ink-soft">Hesabınız yok mu? <Link href={sonra ? `/kayit?sonra=${encodeURIComponent(sonra)}` : '/kayit'} className="text-ink underline decoration-signal underline-offset-4">Kayıt olun</Link></p>
  </>);
}