import PasswordController from '@/actions/App/Http/Controllers/Settings/PasswordController'; import InputError from '@/components/input-error'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; import { type BreadcrumbItem } from '@/types'; import { Transition } from '@headlessui/react'; import { Form, Head } from '@inertiajs/react'; import { useRef } from 'react'; import HeadingSmall from '@/components/heading-small'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { edit } from '@/routes/user-password'; import { PageHelp } from '@/components/page-help'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Password settings', href: edit().url, }, ]; export default function Password() { const passwordInput = useRef(null); const currentPasswordInput = useRef(null); const helpSections = [ { title: 'Password Security', content: 'Regularly updating your password helps keep your account secure. Use a strong, unique password that you don\'t use for other services.', }, { title: 'Password Requirements', content: 'Your new password must be at least 8 characters long. Consider using a combination of uppercase, lowercase, numbers, and special characters.', }, { title: 'Updating Password', content: 'Enter your current password for verification, then provide your new password twice to confirm. Changes take effect immediately.', }, ]; return (
{ if (errors.password) { passwordInput.current?.focus(); } if (errors.current_password) { currentPasswordInput.current?.focus(); } }} className="space-y-6" > {({ errors, processing, recentlySuccessful }) => ( <>

Saved

)}
); }