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

import { WizardBaseComponent } from './wizard-base/wizard-base.component';
import { ModalOneComponent } from './wizard-base/modal-one/modal-one.component';
import { ModalTwoComponent } from './wizard-base/modal-two/modal-two.component';

import { DummyComponent } from './dummy/dummy.component';

import { LayoutUiComponent } from './layouts/ui.component';
import { LayoutPrintComponent } from './layouts/print.component';
import { InvoiceComponent } from './invoice/invoice.component';

const routes: Routes = [

  { path: '', redirectTo: '/wizard', pathMatch: 'full' },

  {

    path: '',
    component: LayoutUiComponent,

    children: [

      {
        path: 'wizard',
        component: WizardBaseComponent,
        children: [
          { path: '1', component: ModalOneComponent },
          { path: '2', component: ModalTwoComponent },
        ]
      },
      {
        path: 'dummy',
        component: DummyComponent
      },

    ]
  },

  {

    path: 'print',
    component: LayoutPrintComponent,
    children: [
      { path: 'invoice', component: InvoiceComponent },
    ],
  }

];

@NgModule({

  imports: [ RouterModule.forRoot(routes, { useHash: true }) ],

  exports: [ RouterModule ]
})
export class AppRoutingModule {
}