import { Routes } from '@angular/router';

import { authGuard } from './core/guards/auth.guard';
import { ChangePasswordPageComponent } from './features/auth/change-password-page.component';
import { LoginPageComponent } from './features/auth/login-page.component';
import { RegisterPageComponent } from './features/auth/register-page.component';
import { DashboardPageComponent } from './features/dashboard/dashboard-page.component';
import { DiffConfigsPageComponent } from './features/diff-configs/diff-configs-page.component';
import { FilesPageComponent } from './features/files/files-page.component';
import { LogsPageComponent } from './features/logs/logs-page.component';
import { RouterDetailPageComponent } from './features/routers/router-detail-page.component';
import { RoutersPageComponent } from './features/routers/routers-page.component';
import { SettingsPageComponent } from './features/settings/settings-page.component';

export const routes: Routes = [
  { path: 'login', component: LoginPageComponent },
  { path: 'register', component: RegisterPageComponent },
  { path: 'change-password', canActivate: [authGuard], component: ChangePasswordPageComponent },
  { path: '', canActivate: [authGuard], component: DashboardPageComponent },
  { path: 'devices', canActivate: [authGuard], component: RoutersPageComponent },
  { path: 'devices/:id', canActivate: [authGuard], component: RouterDetailPageComponent },
  { path: 'routers', redirectTo: 'devices', pathMatch: 'full' },
  { path: 'routers/:id', redirectTo: 'devices/:id', pathMatch: 'full' },
  { path: 'files', canActivate: [authGuard], component: FilesPageComponent },
  { path: 'diff-configs', canActivate: [authGuard], component: DiffConfigsPageComponent },
  { path: 'settings', canActivate: [authGuard], component: SettingsPageComponent },
  { path: 'logs', canActivate: [authGuard], component: LogsPageComponent },
  { path: '**', redirectTo: '' }
];