import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { FormsModule }   from '@angular/forms';
import {MaterialModule} from '@angular/material';
import {CovalentCoreModule} from '@covalent/core';
import {CovalentHttpModule} from '@covalent/http';
import {CovalentDynamicFormsModule} from '@covalent/dynamic-forms'; 

import { LocalStorageModule } from 'angular-2-local-storage';
import { ToastModule } from 'ng2-toastr/ng2-toastr';

import { AppComponent }  from './app.component';
import { UserService }  from './user.service';
import { PackListComponent }  from './pack.list.component';
import { HeroDetailComponent } from './detail.component';
import { LoginFormComponent } from './login.form.component';

import { appRoutes, appRoutingProviders } from './app.routes';
import { requestOptionsProvider } from './common/default.requests.options';
import { LocaleServiceModule } from './common/i18n';

@NgModule({
  imports: [
    LocalStorageModule.withConfig({
            prefix: 'securis',
            storageType: 'localStorage'
        }),
    BrowserModule,
    FormsModule,
    MaterialModule,
    CovalentCoreModule.forRoot(),
    CovalentHttpModule.forRoot(),
    CovalentDynamicFormsModule.forRoot(),
    ToastModule.forRoot(),
    LocaleServiceModule,
    appRoutes,
  ],
  declarations: [
    HeroDetailComponent,
    PackListComponent,
    LoginFormComponent,
    AppComponent
  ],
  bootstrap: [ AppComponent ],
  providers: [
    UserService,
    appRoutingProviders,
    requestOptionsProvider,
  ]
})

export class AppModule { }