import RoleForm from '@admin/components/all-forms/RoleForm';
import HeaderWithBackIcon from '@admin/components/header-with-backicon';
import AppLayout from '@admin/layouts/app-layout';
import { PageProps } from '@admin/types/global';
import { Head, router, usePage } from '@inertiajs/react';
import { ChevronRight } from 'lucide-react';
export default function Edit() {
// @ts-ignore
const { roleModuleScopes, role, modulePermissions } = usePage().props;
const normalizeSlug = (slug: string) => slug.replace(/_/g, '_');
// Prepare initial data for the form
const initialData = {
name: (role as any)?.name || '',
slug: (role as any)?.slug || '',
permissions: (role as any)?.permissions?.map((p: any) => normalizeSlug(p.slug)) || [],
moduleScopes: (roleModuleScopes as any) || {},
};
const handleSubmit = (formData: any) => {
console.log('🚀 ~ handleSubmit ~ formData:', formData);
// Show success toast and submit
router.put(route('roles.update', (role as any).uid), formData, {
onError: (errors) => {
console.error('Validation errors:', errors);
},
onSuccess: () => {
console.log('Role updated successfully');
}
});
};
return (
<>
{/* Simple header */}
{/* Main content */}