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

const routes: Routes = [
  {
    path: 'home',
    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
  },
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'preferences',
    loadChildren: () => import('./preferences/preferences.module').then( m => m.PreferencesPageModule)
  },
  {
    path: 'about',
    loadChildren: () => import('./about/about.module').then( m => m.AboutPageModule)
  },
  {
    path: 'position/:id',
    loadChildren: () => import('./position/position.module').then( m => m.PositionPageModule)
  },
  {
    path: 'analysis/:fen1/:fen2/:fen3/:fen4/:fen5/:fen6/:fen7/:fen8',
    loadChildren: () => import('./analysis/analysis.module').then( m => m.AnalisysPageModule)
  },
  {
    path: 'analysis/:uid',
    loadChildren: () => import('./analysis/analysis.module').then( m => m.AnalisysPageModule)
  }
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules, relativeLinkResolution: 'legacy' })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule { }