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

import { AuthGuard } from './core/auth.guard';
import { MyLayoutComponent } from './my-layout/my-layout.component';
import { NavigationErrorComponent } from './core/navigation-error.component';
import { PageNotFoundComponent } from './core/page-not-found.component';

const routes: Routes = [
    {
        path: '', redirectTo: 'home', pathMatch: 'full'
    },
    {
        path: 'home',
        component: MyLayoutComponent,
        loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule),
        canActivate: [AuthGuard],
        canActivateChild: [AuthGuard]
    },
    {
        path: 'login',
        loadChildren: () => import('./login/login.module').then(m => m.LoginModule),
    },
    { path: 'error/navigation', component: NavigationErrorComponent },
    { path: '**', component: PageNotFoundComponent }
];

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