import { Form, Head } from '@inertiajs/react'; import InputError from '@/components/input-error'; 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 { useTranslation } from '@/lib/translations'; import { register } from '@/routes'; import { store } from '@/routes/login'; import { request } from '@/routes/password'; type Props = { status?: string; canResetPassword: boolean; canRegister: boolean; }; export default function Login({ status, canResetPassword, canRegister, }: Props) { const { t } = useTranslation(); return ( <>

{({ processing, errors }) => ( <>

Email address

Password {canResetPassword && ( {t('Forgot password?')} )}

Remember me

{canRegister && (

{t("Don't have an account?")}{' '} {t('Sign up')}

)} )}

{status && (

{status}

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