import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  {
    path: '',
    loadChildren: () =>
      import('./modules/map/map.module').then((m) => m.MapModule),
  },
  {
    path: 'issue',
    loadChildren: () =>
      import('./modules/issue/issue.module').then((m) => m.IssueModule),
  },
  {
    path: 'solutions',
    loadChildren: () =>
      import('./modules/solutions/solutions.module').then(
        (m) => m.SolutionsModule
      ),
  },
  {
    path: 'report',
    loadChildren: () =>
      import('./modules/report/report.module').then((m) => m.ReportModule),
  },
  {
    path: 'solution-form',
    loadChildren: () =>
      import('./modules/solution-form/solution-form.module').then(
        (m) => m.SolutionFormModule
      ),
  },
  {
    path: 'issue/:id/solution',
    loadChildren: () =>
      import('./modules/solution/solution.module').then(
        (m) => m.SolutionModule
      ),
  },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}