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

import { AdminComponent } from './pages/admin/admin.component';
import { AnswersComponent } from './pages/answers/answers.component';
import { BaseComponent } from './pages/base-page/base.component';
import { CreateOrRetrieveComponent } from './pages/create-or-retrieve/create-or-retrieve.component';
import { DatesComponent } from './pages/dates/dates.component';
import { EndConfirmationComponent } from './pages/end-confirmation/end-confirmation.component';
import { HomeComponent } from './pages/home/home.component';
import { KindComponent } from './pages/kind/kind.component';
import { PasswordComponent } from './pages/password/password.component';
import { PicturesComponent } from './pages/pictures/pictures.component';
import { PollDisplayComponent } from './pages/poll-display/poll-display.component';
import { ResumeComponent } from './pages/resume/resume.component';
import { VisibilityComponent } from './pages/visibility/visibility.component';
import { VotingChoiceComponent } from './pages/voting/voting-choice/voting-choice.component';
import { VotingComponent } from './pages/voting/voting.component';
import { PollGraphicComponent } from './poll-graphic/poll-graphic.component';

const routes: Routes = [
    { path: '', redirectTo: 'step/creation', pathMatch: 'full' },
    { path: 'admin/:token', component: AdminComponent }, // http://localhost:4200/#/admin/srfdgedsTGETHRYJtujTUjTUkTIUKTK
    { path: 'home', component: HomeComponent },
    { path: 'base', component: BaseComponent },
    { path: 'step/base', component: BaseComponent },
    { path: 'step/creation', component: CreateOrRetrieveComponent },
    { path: 'step/date', component: DatesComponent },
    { path: 'step/kind', component: KindComponent },
    { path: 'step/answers', component: AnswersComponent },
    { path: 'step/admin', component: AdminComponent },
    { path: 'step/pictures', component: PicturesComponent },
    { path: 'step/visibility', component: VisibilityComponent },
    { path: 'step/resume', component: ResumeComponent },
    { path: 'step/end', component: EndConfirmationComponent },
    { path: 'graphic/:poll', component: PollGraphicComponent },
    { path: 'vote/poll/id/:poll', component: PollDisplayComponent },
    { path: 'vote/poll/slug/:pollSlug', component: PollDisplayComponent },
    { path: 'votingchoice', component: VotingChoiceComponent },
    { path: 'voting', component: VotingComponent },
    { path: 'step/password', component: PasswordComponent },
    { path: '**', redirectTo: '/home', pathMatch: 'full' },
];

@NgModule({
    imports: [RouterModule.forRoot(routes, { useHash: true, anchorScrolling: 'enabled' })],
    exports: [RouterModule],
})
export class AppRoutingModule {}