import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { FormsModule }   from '@angular/forms';
import { ReactiveFormsModule } from "@angular/forms";
import { Routes, RouterModule } from '@angular/router';
import { HttpModule, JsonpModule } from '@angular/http';

import { TemplateModule } from './template/template.module';

import { LoginComponent, RegistrationComponent } from "./authenticate/authenticate.component";

import { DashboardComponent } from "./dashboard/dashboard.component";
import { SettingsComponent } from "./settings/settings.component";
import { AppComponent } from "./app.component";
import { AuthGuard } from "./guards/auth.guard";

import { UserService } from "./services/user.service"
import { NotifyCenter } from "./services/notification.service";

const appRoutes: Routes =[
    { path: '', component: DashboardComponent, canActivate: [AuthGuard] },
    { path: 'settings', component: SettingsComponent, canActivate: [AuthGuard] },
    { path: 'registration', component: RegistrationComponent },
    { path: 'login', component: LoginComponent },
];

@NgModule({
    imports: [
        BrowserModule, TemplateModule, FormsModule, ReactiveFormsModule, HttpModule,
        JsonpModule, RouterModule.forRoot(appRoutes)
    ],
    declarations: [
        AppComponent, DashboardComponent, SettingsComponent, LoginComponent,
        RegistrationComponent
    ],
    providers: [AuthGuard, UserService, NotifyCenter],
    bootstrap: [AppComponent]
})
export class AppModule {

}