import { Head, useForm } from '@inertiajs/react'; import InputError from '@/components/input-error'; import PasskeyVerify from '@/components/passkey-verify'; import PasswordInput from '@/components/password-input'; import TextLink from '@/components/text-link'; 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 { register } from '@/routes'; import { store } from '@/routes/login'; import { request } from '@/routes/password'; type Props = { status?: string; canResetPassword: boolean; }; export default function Login({ status, canResetPassword }: Props) { const form = store.form(); const { data, setData, post, processing, errors, reset } = useForm({ email: '', password: '', remember: false, }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(form.action, { onSuccess: () => reset('password'), }); }; return ( <>

Email address setData('email', e.currentTarget.value) } required autoFocus tabIndex={1} autoComplete="email" placeholder="email@example.com" />

Password {canResetPassword && ( Forgot your password? )}

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

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

Don't have an account?{' '} Sign up

{status && (

{status}

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