import InputError from '@/Components/InputError'; import PrimaryButton from '@/Components/PrimaryButton'; import TextInput from '@/Components/TextInput'; import { Head, Link, useForm } from '@inertiajs/react'; import { FormEventHandler, useEffect } from 'react'; import { motion } from 'framer-motion'; import { Lock, Mail, ShieldCheck, ArrowRight } from 'lucide-react'; export default function ResetPassword({ token, email, }: { token: string; email: string; }) { const { data, setData, post, processing, errors, reset } = useForm({ token: token, email: email, password: '', password_confirmation: '', }); useEffect(() => { return () => { reset('password', 'password_confirmation'); }; }, []); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.store')); }; return (

{/* Left Side: Visual */}

Reset Visual

Identity
restored.

Create a strong, new password for your Altivate administrative account. Your security is our highest priority.

{/* Right Side: Form */}

Altivate.

Set new password

Please choose a secure password you haven't used before.

Email Address

setData('email', e.target.value)} required />

New Password

setData('password', e.target.value)} required />

Confirm Password

setData('password_confirmation', e.target.value)} required />

{processing ? 'Updating...' : ( <> Reset Password )}

© {new Date().getFullYear()} Altivate Solutions. All rights reserved.

); }