import { NgModule, Component } from '@angular/core';
import { Router, Routes, RouterModule } from '@angular/router';
import {FullLayoutComponent} from './full-layout/full-layout.component';
import {ErrorPageComponent} from './error-page/error-page.component';
import { AppComponent } from './app.component';


const routes: Routes = [
  // { path: '',  redirectTo: '/settings/core-value', pathMatch:   'full' }, // redirect to `first-component`
  { path: '', component: FullLayoutComponent,
  children: [
    // { path: '', loadChildren: () => import('./modules/settings/settings.module').then(m => m.SettingsModule)},
    { path: 'goals', loadChildren: () => import('./modules/goals/goals.module').then(m => m.GoalsModule)},
    // { path: 'performance-management', loadChildren: () =>
    // import('./modules/perf-management/perf-management.module').then(m => m.PerfManagementModule) },
    // { path: 'settings', loadChildren: () => import('./modules/settings/settings.module').then(m => m.SettingsModule) },

  ]
  },
  // in case of default
  { path: '**', component: ErrorPageComponent },     // in case of invalid url
  { path: 'error', component: ErrorPageComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {
  constructor(private router: Router){
    this.router.errorHandler = (error: any) => {
      console.log(error);
      this.router.navigate(['error']); // or redirect to default route
  };
  }
 }