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

import { AuthGuard } from '../../auth/auth.guard';
import { ComponentMakerComponent } from './component-maker/component-maker.component';
import { HtmlBuilderComponent } from './html-builder.component';
import { PageEditorComponent } from './page-editor/page-editor.component';
import { PageUpdaterComponent } from './page-updater/page-updater.component';

const routes: Routes = [
  { path: '', redirectTo: 'page-editor', pathMatch: 'full' },
  {
    path: '', canActivateChild: [AuthGuard], component: HtmlBuilderComponent,
    children: [
      {
        path: 'page-editor',
        component: PageEditorComponent,
      },
      {
        path: 'component-maker',
        component: ComponentMakerComponent,
      },
      {
        path: 'page-updater',
        component: PageUpdaterComponent,
      },
    ],
  },
];

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