import RoleForm from '@/components/all-forms/RoleForm'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import AppLayout from '@/layouts/app-layout'; import { Head, Link, router, usePage } from '@inertiajs/react'; import { ArrowLeft, Users } from 'lucide-react'; import type { ReactNode } from 'react'; declare const route: (...args: any[]) => string; export default function Edit() { const { roleModuleScopes, role, modulePermissions } = usePage().props; const initialData = { name: role?.name ?? '', slug: role?.slug ?? '', type: role?.type ?? 1, primary_access_level: role?.primary_access_level ?? 1, status: role?.status ?? 1, permissions: (role?.permissions ?? []).map((p: any) => (typeof p === 'string' ? p : p.slug)), moduleScopes: roleModuleScopes ?? {}, }; const handleSubmit = (formData: any) => { router.put(route('roles.update', role?.uid), formData, { onError: (errors) => console.error('Validation errors:', errors), }); }; const isActive = role?.status === 1; return ( <>

{/* Page header */}

{role?.name}

{role?.type_label && ( {role.type_label} )} {role?.status_label}

{role?.slug} {role?.access_level_label && ( <> · {role.access_level_label} )} {role?.users_count > 0 && ( <> · {role.users_count} user{role.users_count !== 1 ? 's' : ''} )}

); } Edit.layout = (page: ReactNode & { props: any }) => { const role = (page as any).props?.role; return ( {page} ); };