import React from 'react';

const BaseLayers = React.lazy(() => import('./views/BaseLayers'));
const Layers = React.lazy(() => import('./views/Layers/Layers'));
const Layer = React.lazy(() => import('./views/Layers/Layer'));
const MapConfig = React.lazy(() => import('./views/MapConfig'));
// const DashboardKominfo = React.lazy(() => import('./views/DashboardKominfo'));
// const Sales = React.lazy(() => import('./views/Master/MasterSales'));
// const GroupSales = React.lazy(() => import('./views/Master/MasterGroupSales'));
const OfficeHours = React.lazy(() => import('./views/Master/MasterOfficeHours'));
// const Customer = React.lazy(() => import('./views/Master/MasterCustomer'));
// const SettingSales = React.lazy(() => import('./views/Master/MasterSales/SettingSales'));
// const SettingOffice = React.lazy(() => import('./views/Master/MasterOffice/SettingOffice'));
// const SettingCustomer = React.lazy(() => import('./views/Master/MasterCustomer/SettingCustomer'));
// new
const DivisiKaryawan = React.lazy(() => import('./views/Master/MasterTipeKaryawan'));
const UserAdmin = React.lazy(() => import('./views/Master/UserAdmin'));
// const UserWaspang = React.lazy(() => import('./views/Master/UserWaspang'));
const Presensi = React.lazy(() => import('./views/SimproV2/Presence'));
const LaporanTugas = React.lazy(() => import('./views/Master/MasterTask'));
const Izin = React.lazy(() => import('./views/Master/MasterCuti'));  
const Roles = React.lazy(() => import('./views/Master/MasterRoles'));
const ProjectRole = React.lazy(() => import('./views/Master/RoleProject'));
const Menu = React.lazy(() => import('./views/Master/MasterMenu'));
const Broadcast = React.lazy(() => import('./views/Master/MasterBroadcast'));
const PanicButton = React.lazy(() => import('./views/SimproV2/PanicButton'));
const Absensi = React.lazy(() => import('./views/Master/MasterAbsensi'));
const Lembur = React.lazy(() => import('./views/Master/MasterLembur'));
const Organization = React.lazy(() => import('./views/Master/MasterOrganization'));
const Proyek = React.lazy(() => import('./views/Master/Proyek'));
// const SubProyek = React.lazy(() => import('./views/Master/SubProyek'));
const DashboardSimpro = React.lazy(() => import('./views/DashboardSimpro'));
const controlMonitoring = React.lazy(() => import('./views/Report/ControlMonitoring'));
const K3 = React.lazy(() => import('./views/Report/k3'));
const TestGantt = React.lazy(() => import('./views/testgantt'));
const ConfigAlert = React.lazy(() => import('./views/Master/ConfigAlert'));
// const NetworkDiagram = React.lazy(() => import('./views/Master/NetworkDiagram'));
const LaporanAlert = React.lazy(() => import('./views/Report/alert'));
const ControlMonitoringGantt = React.lazy(() => import('./views/ControlMonitoringGantt'));
const CreatedProyek = React.lazy(() => import('./views/SimproV2/CreatedProyek'));
const ResourceWorker = React.lazy(() => import('./views/SimproV2/ResourceWorker'));
const ResourceMaterial = React.lazy(() => import('./views/SimproV2/ResourceMaterial'));
const ResourceTools = React.lazy(() => import('./views/SimproV2/ResourceTools'));
const PlanningHarian = React.lazy(() => import('./views/SimproV2/PlanningHarian'));
const Closing = React.lazy(() => import('./views/SimproV2/Closing'));
const ProjectType = React.lazy(() => import('./views/SimproV2/ProjectType'));
const Divisi = React.lazy(() => import('./views/SimproV2/Divisi'));
const Satuan = React.lazy(() => import('./views/SimproV2/Satuan'));
const RateCost = React.lazy(() => import('./views/SimproV2/RateCost'));
const Gantt = React.lazy(() => import('./views/SimproV2/Gantt'));
const Shift = React.lazy(() => import('./views/SimproV2/Shift'));
const UserShift = React.lazy(() => import('./views/SimproV2/UserShift'));
const ScheduleShift = React.lazy(() => import('./views/SimproV2/ScheduleShift'));
const ChecklistK3 = React.lazy(() => import('./views/SimproV2/ChecklistK3'));
const DashboardPMO = React.lazy(() => import('./views/DashboardPMO'));
const DashboardProject = React.lazy(() => import('./views/DashboardProject'));
const DashboardSecurity = React.lazy(() => import('./views/DashboardSecurity'));
// const PlanningVsRealisasi = React.lazy(() => import('./views/Master/PlanningVsRealisasi'));

// https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
const routes = [
  { path: '/', exact: true, name: 'Home' },
  { path: '/dashboard', name: 'Dashboard', component: DashboardSimpro },
  { path: '/map/config', exact: true, name: 'Config', component: MapConfig },
  { path: '/map/baselayers', exact: true, name: 'Base Layers', component: BaseLayers },
  { path: '/map/layers', exact: true, name: 'Layers', component: Layers },
  { path: '/map/layers/:id', exact: true, name: 'Layer Details', component: Layer },
  { path: '/office-hours', exact: true, name: 'Jam Kerja', component: OfficeHours },
  { path: '/user-admin', exact: true, name: 'User Admin', component: UserAdmin },
  // { path: '/user-waspang', exact: true, name: 'User Waspang', component: UserWaspang },
  { path: '/divisi-karyawan', exact: true, name: 'Divisi Karyawan', component: DivisiKaryawan },
  { path: '/presensi', exact: true, name: 'Presensi', component: Presensi },
  { path: '/absensi', exact: true, name: 'Absensi', component: Absensi },
  { path: '/laporan-tugas-karyawan', exact: true, name: 'Laporan Tugas Karyawan', component: LaporanTugas },
  { path: '/izin', exact: true, name: 'Izin', component: Izin },
  { path: '/broadcast', exact: true, name: 'Broadcast', component: Broadcast },
  { path: '/panic-button', exact: true, name: 'Tombol Darurat', component: PanicButton },
  { path: '/proyek', exact: true, name: 'Created Project', component: Proyek },
  // { path: '/sub-proyek', exact: true, name: 'Subproyek', component: SubProyek },
  { path: '/menu', exact: true, name: 'Menu', component: Menu },
  { path: '/roles', exact: true, name: 'Roles', component: Roles },
  { path: '/lembur', exact: true, name: 'Lembur', component: Lembur },
  { path: '/organization', exact: true, name: 'Organisasi', component: Organization },
  { path: '/control-monitoring', exact: true, name: 'Control Monitoring', component: controlMonitoring },
  { path: '/laporan-k3', exact: true, name: 'Laporan K3', component: K3 },
  { path: '/proyek-gantt', exact: true, name: 'Gantt Chart Proyek', component: TestGantt },
  { path: '/config-alert', exact: true, name: 'Config Alert', component: ConfigAlert },
  { path: '/laporan-alert', exact: true, name: 'Laporan Alert', component: LaporanAlert },
  { path: '/control-monitoring-gantt', exact: true, name: 'Control Monitoring Gantt', component: ControlMonitoringGantt },
  { path: '/projects', exact: true, name: 'Projects', component: CreatedProyek },
  { path: '/human-resource', exact: true, name: 'Human Resource', component: ResourceWorker },
  { path: '/material-resource', exact: true, name: 'Material Resource', component: ResourceMaterial },
  { path: '/tools-resource', exact: true, name: 'Tools Resource', component: ResourceTools },
  { path: '/projects/:id/:project/gantt', exact: true, name: 'Gantt', component: Gantt },
  { path: '/planning-harian', exact: true, name: 'Planning Harian', component: PlanningHarian },
  { path: '/presensi-resource', exact: true, name: 'Presensi Resource', component: Presensi },
  { path: '/absensi-resource', exact: true, name: 'Absensi Resource', component: Absensi },
  { path: '/closing', exact: true, name: 'Closing', component: Closing },
  { path: '/project-type', exact: true, name: 'Project Type', component: ProjectType },
  { path: '/divisi', exact: true, name: 'Divisi', component: Divisi },
  { path: '/satuan', exact: true, name: 'Satuan', component: Satuan },
  { path: '/rate-cost', exact: true, name: 'Rate Cost', component: RateCost },
  { path: '/project-role', exact: true, name: 'Project Role', component: ProjectRole },
  { path: '/working-hour', exact: true, name: 'Working Hour', component: Shift },
  { path: '/user-shift', exact: true, name: 'Shift', component: UserShift },
  { path: '/schedule-shift', exact: true, name: 'Schedule Shift', component: ScheduleShift },
  { path: '/checklist-k3', exact: true, name: 'Checklist K3', component: ChecklistK3 },
  { path: '/dashboard-pmo', exact: true, name: 'Dashboard PMO', component: DashboardPMO },
  { path: '/dashboard-security', exact: true, name: 'Dashboard Security', component: DashboardSecurity },
  { path: '/dashboard-project', exact: true, name: 'Dashboard Project', component: DashboardProject },
];

export default routes;