import React from 'react';
import { createBrowserRouter, Navigate } from 'react-router-dom';
import { AppShell } from '../layouts/AppShell';
import { DynamicDashboard } from '../../features/dashboard/DynamicDashboard';
import { OperationsModule } from '../../features/operations/OperationsModule';
import { CrmModule } from '../../features/crm/CrmModule';
import { SalesModule } from '../../features/sales/SalesModule';
import { InventoryModule } from '../../features/inventory/InventoryModule';
import { FinanceModule } from '../../features/finance/FinanceModule';
import { EmployeesModule } from '../../features/employees/EmployeesModule';
import { CommunicationsModule } from '../../features/communications/CommunicationsModule';
import { HelpDeskModule } from '../../features/helpdesk/HelpDeskModule';
import { TasksModule } from '../../features/tasks/TasksModule';
import { CmsModule } from '../../features/cms/CmsModule';
import { MarketingModule } from '../../features/marketing/MarketingModule';
import { AnalyticsModule } from '../../features/analytics/AnalyticsModule';
import { AutomationModule } from '../../features/automation/AutomationModule';
import { AiCenterModule } from '../../features/ai/AiCenterModule';
import { AppsCatalogModule } from '../../features/apps/AppsCatalogModule';
import { SettingsModule } from '../../features/settings/SettingsModule';

export const router = createBrowserRouter([
  {
    path: '/',
    element: <AppShell />,
    children: [
      { index: true, element: <DynamicDashboard /> },
      { path: 'operations/*', element: <OperationsModule /> },
      { path: 'crm/*', element: <CrmModule /> },
      { path: 'sales/*', element: <SalesModule /> },
      { path: 'inventory/*', element: <InventoryModule /> },
      { path: 'finance/*', element: <FinanceModule /> },
      { path: 'employees/*', element: <EmployeesModule /> },
      { path: 'communications/*', element: <CommunicationsModule /> },
      { path: 'helpdesk/*', element: <HelpDeskModule /> },
      { path: 'tasks/*', element: <TasksModule /> },
      { path: 'cms/*', element: <CmsModule /> },
      { path: 'marketing/*', element: <MarketingModule /> },
      { path: 'analytics/*', element: <AnalyticsModule /> },
      { path: 'automation/*', element: <AutomationModule /> },
      { path: 'ai/*', element: <AiCenterModule /> },
      { path: 'apps/*', element: <AppsCatalogModule /> },
      { path: 'settings/*', element: <SettingsModule /> },
      { path: '*', element: <Navigate to="/" replace /> },
    ],
  },
]);