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

export default function CreateUserPage() {
    const { options } = usePage<UserFormPageProps>().props;
    const { t } = useI18n();

    return (
        <>
            <Head title={t('users.admin_form.page_create.head_title')} />

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

                <div className="mx-auto w-full">
                    <UserForm action="/admin/users" method="post" options={options} />
                </div>
            </section>
        </>
    );
}
