- {/* EN: X.ai Minimal Design - No cosmic background */} - {/* VI: X.ai Minimal Design - Không có nền vũ trụ */} - - - -
-
-
-
- {/* EN: X.ai Minimal - Static icon (no floating) */} - {/* VI: X.ai Minimal - Icon tĩnh (không float) */} - - - -
-
-

- {t('auth.forgotPassword.title')} -

-

- {isSuccess - ? t('auth.forgotPassword.checkEmail') - : t('auth.forgotPassword.description')} -

-
- -
- {isSuccess ? ( - // EN: Success state - show confirmation message - // VI: Trạng thái thành công - hiển thị thông báo xác nhận -
-
- - - {t('auth.forgotPassword.resetLinkSent')} - -
- -
-

- {t('auth.forgotPassword.resetLinkSentDetail', { - email: submittedEmail, - })} -

-
-

- {t('auth.forgotPassword.checkInbox')} -

-
-
- - - - -
- ) : ( - // EN: Form state - email input and submit - // VI: Trạng thái form - input email và submit -
- {/* EN: API Error message display / VI: Hiển thị thông báo lỗi API */} - {apiError && ( -
- - {apiError} -
- )} - - { - // EN: React Aria onChange receives value string, not event - // VI: React Aria onChange nhận value string, không phải event - setValue('email', value); - }} - autoComplete="email" - autoFocus - aria-required="true" - /> - - - -
- - - - - {t('auth.forgotPassword.backToLogin')} - -
-
- )} -
-
-