import { Head, Link, useForm, usePage } from '@inertiajs/react'; import { useState } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; import { AuthBackground } from '@/Components/Auth/AuthBackground'; type Step = 'identifier' | 'code' | 'password'; const eO = 'easeOut' as const; const fadeUp = { hidden: { opacity: 0, y: 22 }, show: { opacity: 1, y: 0 } }; const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.09, delayChildren: 0.2 } }, }; function EyeOpen() { return ( ); } function EyeClosed() { return ( ); } export default function ForgotPassword({ smsReady }: { smsReady: boolean }) { const { props } = usePage<{ flash?: { success?: string; error?: string } }>(); const [step, setStep] = useState('identifier'); const [showPass, setShowPass] = useState(false); const identifierForm = useForm({ identifier: '' }); const codeForm = useForm({ code: '' }); const passwordForm = useForm({ password: '', password_confirmation: '' }); const sendCode = (e: React.FormEvent) => { e.preventDefault(); identifierForm.post('/forgot-password/send-code', { preserveScroll: true, onSuccess: () => setStep('code'), }); }; const verifyCode = (e: React.FormEvent) => { e.preventDefault(); codeForm.post('/forgot-password/verify', { preserveScroll: true, onSuccess: () => setStep('password'), }); }; const resetPassword = (e: React.FormEvent) => { e.preventDefault(); passwordForm.post('/forgot-password/reset', { preserveScroll: true }); }; return (
دانشیار من
دانشیار من اتوماسیون هوشمند مدارس
بازیابی رمز عبور

{step === 'identifier' && 'بازیابی رمز'} {step === 'code' && 'کد تایید'} {step === 'password' && 'رمز جدید'}

{step === 'identifier' && 'شماره موبایل یا نام کاربری خود را وارد کنید'} {step === 'code' && 'کد ۵ رقمی پیامک‌شده را وارد کنید'} {step === 'password' && 'رمز عبور جدید را تعیین کنید'}

{props.flash?.success && ( {props.flash.success} )} {!smsReady ? (

سرویس پیامک فعال نیست. برای بازیابی رمز با مدیر مدرسه تماس بگیرید.

بازگشت به ورود ) : ( <> {step === 'identifier' && (
identifierForm.setData('identifier', e.target.value)} autoComplete="username" dir="ltr" />
{identifierForm.errors.identifier && ( {identifierForm.errors.identifier} )} {identifierForm.processing ? : 'ارسال کد بازیابی'}
)} {step === 'code' && (
codeForm.setData('code', e.target.value)} maxLength={5} dir="ltr" inputMode="numeric" autoFocus />
{codeForm.errors.code && ( {codeForm.errors.code} )} {codeForm.processing ? : 'تایید کد'} )} {step === 'password' && (
passwordForm.setData('password', e.target.value)} autoComplete="new-password" />
{passwordForm.errors.password && ( {passwordForm.errors.password} )}
passwordForm.setData('password_confirmation', e.target.value)} autoComplete="new-password" />
{passwordForm.processing ? : 'ثبت رمز جدید'}
)} )} بازگشت به ورود
); }