import { Form, Head, router } from '@inertiajs/react';
import { useEffect } from 'react';
import InputError from '@/components/input-error';
import PasswordInput from '@/components/password-input';
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 { store } from '@/routes/login';
type Props = {
status?: string;
canResetPassword: boolean;
};
export default function Login({ status, canResetPassword }: Props) {
useEffect(() => {
const scriptId = 'recaptcha-script';
if (!document.getElementById(scriptId)) {
const script = document.createElement('script');
script.id = scriptId;
script.src = 'https://www.google.com/recaptcha/api.js';
script.async = true;
script.defer = true;
document.body.appendChild(script);
}
}, []);
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
const formData = new FormData(e.currentTarget);
const data = Object.fromEntries(formData.entries());
const captchaToken = (window as any).grecaptcha?.getResponse();
data['g-recaptcha-response'] = captchaToken;
router.post('/login', data, {
onError: () => {
(window as any).grecaptcha?.reset();
},
});
};
return (
<>
{status && (
{status}
)}
);
}
Login.layout = {
title: 'Log in to your account',
description: 'Enter your email and password below to log in',
};