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


import { MainPageComponent } from './main-page/main-page.component';
import { LoginComponent } from './login/login.component';
import { ProfileComponent } from './profile/profile.component';
import { SignupComponent } from './signup/signup.component';
import { EvaluationsComponent } from './evaluations/evaluations.component';
import { AddEvaluationsComponent } from './add-evaluation/add-evaluation.component';
import { PickerComponent } from './picker/picker.component';
import { ResultComponent } from './result/result.component';
import {VisualizationComponent} from "./visualization/visualization.barchart.component";
import { TextAnswersComponent } from './text-answers/text-answers.component';
import { HelpComponent } from './help/help.component';

const routes = [
  {
    path: 'signup', 
    component: SignupComponent
  },
  {
    path: 'login', 
    component: LoginComponent
  },
  {
    path: 'picker',
    component: PickerComponent
  },
  {
    path: 'main', 
    component: MainPageComponent,
    children: [
      {
        path: 'evaluations',
        outlet: 'content',
        component: EvaluationsComponent
      },
      {
        path: 'profile',
        outlet: 'content',
        component: ProfileComponent
      },
      {
        path: 'results',
        outlet: 'content',
        component: ResultComponent
      },
      {
        path: 'results-visualization',
        outlet: 'content',
        component: VisualizationComponent
      },
      {
        path: 'text-answers',
        outlet: 'content',
        component: TextAnswersComponent
      },
      {
        path: 'help',
        outlet: 'content',
        component: HelpComponent
      }
      
    ]
  },
  {
    path: '**', 
    redirectTo: '/signup'
  }
];

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