import { Head } from '@inertiajs/react'; import type { FormEvent } from 'react'; import InputError from '@/components/InputError'; import PasswordInput from '@/components/PasswordInput'; import TextLink from '@/components/TextLink'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import { useYupForm } from '@/hooks/use-yup-form'; import { loginSchema } from '@/lib/validation/auth'; import { store } from '@/routes/login'; import { request } from '@/routes/password'; export default function Login() { const { data, setData, processing, errors, validateField, submit } = useYupForm(loginSchema, { nik: '', password: '', remember: false, }); const handleSubmit = (e: FormEvent) => { e.preventDefault(); submit((form) => form.post(store().url, { onFinish: () => form.reset('password'), }), ); }; return ( <>

NIK setData('nik', e.target.value)} onBlur={() => validateField('nik')} required autoFocus tabIndex={1} autoComplete="username" placeholder="Masukkan NIK Anda" />

Password {/* NIK untuk masuk, email untuk pemulihan (K5) — karena itu tautannya menuju form yang meminta email, bukan NIK. */} Forgot password?

setData('password', e.target.value) } onBlur={() => validateField('password')} required tabIndex={2} autoComplete="current-password" placeholder="Password" />

setData('remember', checked === true) } tabIndex={3} /> Remember me

); } Login.layout = { title: 'Log in to your account', description: 'Enter your NIK and password below to log in', };