import RoleForm from '@admin/components/all-forms/RoleForm'; import { Button } from '@admin/components/ui/button'; import AppLayout from '@admin/layouts/app-layout'; import { PageProps } from '@admin/types/global'; import { Head, router, usePage } from '@inertiajs/react'; import { ArrowLeft, ChevronRight } from 'lucide-react'; export default function Create() { // @ts-ignore const { modulePermissions } = usePage().props; const handleSubmit = (formData: any) => { console.log("🚀 ~ handleSubmit ~ formData:", formData) router.post(route('roles.store'), formData, { onError: (errors) => { console.error('Validation errors:', errors); }, // onSuccess: () => { // console.log('Role created successfully'); // } }); }; return ( <>
{/* Simple header */}

Create Role

Create a new role and assign permissions

Roles Create
{/* Main content */}
); } Create.layout = (page: React.ReactNode) => ( {page} );