import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { HmgCommonModule } from '../hmg-common/hmg-common.module';

import { IonicModule } from '@ionic/angular';
import { NgxChartsModule } from '@swimlane/ngx-charts';
import { DatePicker } from "@ionic-native/date-picker/ngx";



import { ProfilePage } from './profile.page';
import { HomeComponent } from './home/home.component';
import { EditProfileComponent } from './edit-profile/edit-profile.component';
import { ProfileImageComponent } from './profile-image/profile-image.component'
import { PerformanceEvaluationComponent } from './performance-evaluation/performance-evaluation.component'
import { from } from 'rxjs';
import { EditDetailProfileComponent } from './modal/edit-detail-profile/edit-detail-profile.component';
import { AddBasicDetailsComponent } from './add-basic-details/add-basic-details.component';
import { AddAddressComponent } from './add-address/add-address.component';
import { ConfirmAddressComponent } from './confirm-address/confirm-address.component';
import { SubmitAddressModalComponent } from './submit-eit-modal/submit-address-modal.component';

import { ConfirmBasicDetailsComponent } from './confirm-basic-details/confirm-basic-details.component';
const routes: Routes = [
  {
    path: '',
    component: ProfilePage,
    children: [
      {
        path: 'home',
        component: HomeComponent
      },
      {
        path: 'add-address',
        component: AddAddressComponent
      },
      {
        path: 'confirm-add-address',
        component: ConfirmAddressComponent

      },
      {
        path: 'confirm-basic',
        component: ConfirmBasicDetailsComponent
      }
    ],
  },
  {
    path: '',
    component: ProfilePage,
    children: [
      {
        path: 'profileImg',
        component: ProfileImageComponent
      }
    ],

  },

  {
    path: '',
    component: ProfilePage,
    children: [
      {
        path: 'editprofile',
        component: EditProfileComponent
      }
    ],
  },

  {
    path: '',
    component: ProfilePage,
    children: [
      {
        path: 'performanceevaluation',
        component: PerformanceEvaluationComponent
      }
    ],
  },

  {
    path: '',
    component: ProfilePage,
    children: [
      {
        path: 'addBasicDetails',
        component: AddBasicDetailsComponent
      }
    ],
  }

];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    HmgCommonModule,
    NgxChartsModule,
    RouterModule.forChild(routes)
  ],
  declarations: [
    ProfilePage,
    EditDetailProfileComponent,
    AddAddressComponent,
    HomeComponent,
    ProfileImageComponent,
    EditProfileComponent,
    PerformanceEvaluationComponent,
    ConfirmAddressComponent,
    SubmitAddressModalComponent,
    AddBasicDetailsComponent,
    ConfirmAddressComponent,
    ConfirmBasicDetailsComponent,
    AddBasicDetailsComponent],
  entryComponents: [EditDetailProfileComponent, SubmitAddressModalComponent],

  providers: [DatePicker]
})
export class ProfilePageModule { }
