import { Head, usePage } from '@inertiajs/react';
import { PageHeaderActions } from '@/components/page-header-actions';
import { UserForm } from '@/features/users/forms/user-form';
import type { UserEditPageProps } from '@/features/users/types';
import { useI18n } from '@/hooks/use-i18n';

export default function EditUserPage() {
    const { user, options } = usePage<UserEditPageProps>().props;
    const { t } = useI18n();

    return (
        <>
            <Head title={t('users.admin_form.page_edit.head_title', { name: user.name })} />

            <section className="space-y-6">
                <PageHeaderActions
                    title={t('users.admin_form.page_edit.title')}
                    description={t('users.admin_form.page_edit.description')}
                />

                <div className="mx-auto w-full">
                    <UserForm action={`/admin/users/${user.id}`} method="patch" options={options} user={user} />
                </div>
            </section>
        </>
    );
}
