import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Checkbox } from '@/components/ui/checkbox'; import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm, usePage, router } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { toast } from 'sonner'; import { PageProps } from '@/types'; import { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert'; import { SocialLoginButtons } from '@/components/Auth/SocialLoginButtons'; import { useReCaptcha } from '@/components/Auth/ReCaptchaProvider'; import { useTranslation } from '@/contexts/LanguageContext'; import { Info } from 'lucide-react'; export default function Login({ status, canResetPassword, demoCredentials, }: { status?: string; canResetPassword: boolean; demoCredentials?: { email: string; password: string } | null; }) { const { t } = useTranslation(); const { appSettings } = usePage().props; const { getToken, isEnabled: recaptchaEnabled } = useReCaptcha(); const { data, setData, processing, errors, reset } = useForm({ email: demoCredentials?.email || '', password: demoCredentials?.password || '', remember: false as boolean, recaptcha_token: '', }); const submit: FormEventHandler = async (e) => { e.preventDefault(); // Get reCAPTCHA token if enabled let recaptchaToken = ''; if (recaptchaEnabled) { recaptchaToken = await getToken('login'); } router.post(route('login'), { ...data, recaptcha_token: recaptchaToken, }, { onFinish: () => reset('password'), onError: () => toast.error(t('Invalid credentials')), }); }; return (

{t('Welcome back')}

{t('Sign in to continue building')}

{status && (
{status}
)} {demoCredentials && ( Demo Mode Use the pre-filled credentials to explore the admin panel (read-only), or register a new account to test the AI website builder. )}
setData('email', e.target.value)} placeholder="you@example.com" /> {errors.email && (

{errors.email}

)}
setData('password', e.target.value)} placeholder="••••••••" /> {errors.password && (

{errors.password}

)}
{errors.recaptcha_token && (

{errors.recaptcha_token}

)}
setData('remember', checked as boolean) } />
{canResetPassword && ( {t('Forgot password?')} )}
{appSettings.enable_registration && (

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

)}
); }