import RoleForm from '@/components/all-forms/RoleForm';
import HeaderWithBackIcon from '@/components/header-with-backicon';
import { Button } from '@/components/ui/button';
import AppLayout from '@/layouts/app-layout';
import { PageProps } from '@/types/global';
import { Head, Link, usePage } from '@inertiajs/react';
import { Edit } from 'lucide-react';
interface Permission {
id: number;
name: string;
description?: string;
}
interface Role {
id: number;
name: string;
description?: string;
permissions: Permission[];
users_count?: number;
created_at?: string;
}
interface RolePageProps extends PageProps {
role: Role;
[key: string]: any;
}
export default function RolePermissionsView() {
// @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) => {};
return (
<>
{/* Simple header */}
{/* Main content */}