import { NgModule }             from '@angular/core';
import { RouterModule, Routes, CanActivate ,RouterLink} from '@angular/router';
//custom components declaration/////
import { IngComponent } from './components/';
import { HomeComponent } from './components/home/home.component';

import { LoginComponent, LoginDemoComponent} from './components/login';
import { SidebarDemoComponent } from './components/sidebar/sidebar.demo';
import { PageNotFoundComponent } from './components/page-not-found/pageNotFound.component';
import { FormElementComponent } from './components/form-elements/form.elements.component';
import { AboutUsComponent } from './components/about-us-box/about-us.component';
import { ContactUsComponent } from './components/contact-us-component/contact-us.component';
import { AuthGuard } from './containers/auth.guard';
import { AccordianComponent } from './components/accordian';
import { DatePickerDemoComponent } from './components/form-elements/datepickerDemo';
import { InputFileComponent } from './components/form-elements/inputfile';
import { TimePickerComponent } from './components/form-elements/timepicker';
import { ValidationComponent } from './components/validation';
import { FooterComponent } from './components/footer/footer.component';
    import { TabDemoComponent } from './components/tabs/tabs.demo';
     import { MenuDemoComponent } from './components/menu';
     import {DropdownDemoComponent} from "./components/dropdown/Dropdown.demo";
const appRoutes: Routes = [
    {
            path: '', component: HomeComponent, canActivate: [AuthGuard], children: [
            { path: 'formElements', component: FormElementComponent },
              { path: 'AboutUs', component: AboutUsComponent },
              { path: 'ContactUs', component: ContactUsComponent },
              { path: 'login', component: LoginDemoComponent },
              { path: 'datepicker', component: DatePickerDemoComponent },
              { path: 'timepicker', component:TimePickerComponent  },
              { path: 'acc', component: AccordianComponent },
              { path: 'inputfile', component: InputFileComponent },
              { path: 'validation', component: ValidationComponent },
              { path: 'Footer', component: FooterComponent },
               { path: 'tabs', component: TabDemoComponent },
               { path: 'menu', component: MenuDemoComponent },
                { path: 'dropdown', component: DropdownDemoComponent },
                { path: 'Sidebar', component: SidebarDemoComponent }
            
        ]
    },
   
    { path: 'home', component: HomeComponent },
    { path: '**', component: PageNotFoundComponent }
];
@NgModule({
  imports: [
    RouterModule.forRoot(appRoutes)
  ],
  exports: [
    RouterModule,RouterLink
  ],
  providers: [AuthGuard]
})
export class IngRouterModule { }
