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

import { AdministrationComponent } from './administration.component';
import { EditConfigurationComponent } from './edit-configuration/edit-configuration.component';
import { EditDescriptionComponent } from './edit-description/edit-description.component';
import { EditOptionsComponent } from './edit-options/edit-options.component';
import { PollEditComponent } from './poll-edit/poll-edit.component';
import { ProfileComponent } from './profile/profile.component';

const routes: Routes = [
	{ path: '', redirectTo: 'edit', pathMatch: 'full' },
	{
		path: 'edit',
		component: AdministrationComponent,
		children: [
			{ path: '', redirectTo: 'description', pathMatch: 'full' },
			{ path: 'description', component: EditDescriptionComponent },
			{ path: 'description/:slug', component: EditDescriptionComponent },
			{ path: 'options', component: EditOptionsComponent },
			{ path: 'options/:slug', component: EditOptionsComponent },
			{ path: 'configuration', component: EditConfigurationComponent },
			{ path: 'configuration/:slug', component: EditConfigurationComponent },
			{ path: 'preview', component: PollEditComponent },
			{ path: 'preview/:slug', component: PollEditComponent },
		],
	},
	{ path: 'profile', component: ProfileComponent },
];

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