import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm, router } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { toast } from 'sonner'; import { useReCaptcha } from '@/components/Auth/ReCaptchaProvider'; import { useTranslation } from '@/contexts/LanguageContext'; export default function ForgotPassword({ status }: { status?: string }) { const { t } = useTranslation(); const { getToken, isEnabled: recaptchaEnabled } = useReCaptcha(); const { data, setData, processing, errors } = useForm({ email: '', recaptcha_token: '', }); const submit: FormEventHandler = async (e) => { e.preventDefault(); // Get reCAPTCHA token if enabled let recaptchaToken = ''; if (recaptchaEnabled) { recaptchaToken = await getToken('forgot_password'); } router.post(route('password.email'), { ...data, recaptcha_token: recaptchaToken, }, { onSuccess: () => toast.success(t('Reset link sent to your email')), onError: () => toast.error(t('Failed to send reset link')), }); }; return (

{t('Forgot password?')}

{t("No problem. Enter your email and we'll send you a reset link.")}

{status && (

{status}

)} ); }