import { OrdersPage } from './screens/OrdersPage'
import { CallsPage } from './screens/CallsPage'
import { StoresPage } from './screens/StoresPage'
import { DailyLogsPage } from './screens/DailyLogsPage'
import { AllDailyLogsPage } from './screens/AllDailyLogsPage'
import { AnalyticsPage } from './screens/AnalyticsPage'
import { DailySalesReportPage } from './screens/DailySalesReportPage'
import { DatasetsPage } from './screens/admin/DatasetsPage'
import { UsersPage } from './screens/admin/UsersPage'

export const routeConfig = [
  // Manager & Admin (and maybe Sales Officer for daily logs, adapting from krishna_sales where my-daily was Sales Officer and daily was Manager/Admin. In mobile we have daily and all-daily)
  {
    path: "/daily",
    element: <DailyLogsPage />,
    roles: ["Sales Officer", "Manager", "Admin"],
  },
  {
    path: "/daily/:instanceId",
    element: <DailyLogsPage />,
    roles: ["Sales Officer", "Manager", "Admin"],
  },
  {
    path: "/all-daily",
    element: <AllDailyLogsPage />,
    roles: ["Manager", "Admin"],
  },
  {
    path: "/all-daily/:instanceId",
    element: <AllDailyLogsPage />,
    roles: ["Manager", "Admin"],
  },

  {
    path: "/orders",
    element: <OrdersPage />,
    roles: ["Manager", "Admin", "Sales Officer"],
  },
  {
    path: "/orders/:instanceId",
    element: <OrdersPage />,
    roles: ["Manager", "Admin", "Sales Officer"],
  },
  {
    path: "/calls",
    element: <CallsPage />,
    roles: ["Manager", "Admin", "Sales Officer"],
  },
  {
    path: "/calls/:instanceId",
    element: <CallsPage />,
    roles: ["Manager", "Admin", "Sales Officer"],
  },

  // Everyone
  {
    path: "/stores",
    element: <StoresPage />,
    roles: ["Sales Officer", "Manager", "Admin"],
  },
  {
    path: "/stores/:instanceId",
    element: <StoresPage />,
    roles: ["Manager", "Admin", "Sales Officer"],
  },

  // Analytics
  {
    path: "/analytics",
    element: <AnalyticsPage />,
    roles: ["Manager", "Admin", "Sales Officer"],
  },

  // Manager + Admin
  {
    path: "/sales-report",
    element: <DailySalesReportPage />,
  },
  {
    path: "/admin/users",
    element: <UsersPage />,
    roles: ["Manager", "Admin"],

  },

  // Admin Panel
  {
    path: "/admin/datasets",
    element: <DatasetsPage />,
    adminOnly: true,
  },

];