import { Head, useForm, usePage } from '@inertiajs/react'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Alert, AlertDescription } from '@/components/ui/alert'; import { Card, CardContent, CardDescription, CardHeader, CardFooter, CardTitle } from '@/components/ui/card'; import AppLayout from '../../layouts/AppLayout'; export default function ResetPassword({ token, email }) { const { flash } = usePage().props; const { data, setData, post, processing, errors, reset } = useForm({ token: token, email: email || '', password: '', password_confirmation: '', }); const submit = (e) => { e.preventDefault(); post(route('password.update'), { onSuccess: () => reset('password', 'password_confirmation'), }); }; return ( {/* Container shifted to top with padding-top */}
{/* Decorative Glows */}
Reset Password Please enter your new password below to regain access to your account. {/* Error Alerts */} {flash?.error && ( {flash.error} )}
{/* Email Field (Often read-only or hidden in reset forms) */}
setData('email', e.target.value)} autoComplete="username" disabled={processing} className="h-11 bg-slate-50/50 dark:bg-slate-950/50 border-slate-200 dark:border-slate-800 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500/10 focus:outline-none transition-all duration-200" /> {errors.email &&

{errors.email}

}
{/* New Password */}
setData('password', e.target.value)} autoFocus autoComplete="new-password" disabled={processing} placeholder="••••••••" className="h-11 bg-slate-50/50 dark:bg-slate-950/50 border-slate-200 dark:border-slate-800 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500/10 focus:outline-none transition-all duration-200" /> {errors.password &&

{errors.password}

}
{/* Confirm Password */}
setData('password_confirmation', e.target.value)} autoComplete="new-password" disabled={processing} placeholder="••••••••" className="h-11 bg-slate-50/50 dark:bg-slate-950/50 border-slate-200 dark:border-slate-800 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500/10 focus:outline-none transition-all duration-200" /> {errors.password_confirmation &&

{errors.password_confirmation}

}
Return to sign in
); }