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, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { toast } from 'sonner'; import { useTranslation } from '@/contexts/LanguageContext'; export default function ResetPassword({ token, email, }: { token: string; email: string; }) { const { t } = useTranslation(); const { data, setData, post, processing, errors, reset } = useForm({ token: token, email: email, password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.store'), { onFinish: () => reset('password', 'password_confirmation'), onSuccess: () => toast.success(t('Password reset successfully')), onError: () => toast.error(t('Failed to reset password')), }); }; return (

{t('Reset password')}

{t('Enter your new password below')}

setData('email', e.target.value)} /> {errors.email && (

{errors.email}

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

{errors.password}

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

{errors.password_confirmation}

)}
); }