import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { APP_BASE_HREF } from '@angular/common';
import { HttpModule } from '@angular/http';
import { Ng2Bs3ModalModule } from 'ng2-bs3-modal/ng2-bs3-modal';

//import { ModalModule } from 'ngx-bootstrap/modal';
import { UpdateUserProfile } from './components/UpdateProfile/updateuserprofile.component';
import { ChangeUserPassword } from './components/changeuserpassword.component';
import { ChangeUserId } from './components/changeuserid.component';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app.routing.module';
//import { AuthGuard } from '../app/authguard.service';
//import { AuthService } from '../app/auth.service';
//import { MyInterceptor } from '../app/token.interceptor';
import { GlobalService } from './Shared/global';
import { ConfirmService } from './Shared/Confirm/confirm.service';
import { ConfirmComponent } from "./Shared/Confirm/confirm.component"
@NgModule({
  declarations: [
    ChangeUserPassword, ChangeUserId,
    UpdateUserProfile,
    AppComponent, ConfirmComponent
  ],
  imports: [
    BrowserModule, AppRoutingModule, HttpClientModule, FormsModule, ReactiveFormsModule, HttpModule, Ng2Bs3ModalModule //ModalModule.forRoot()
  ],
  providers: [GlobalService, ConfirmService,
    //AuthService,
    //AuthGuard,
    //{
    //  provide: HTTP_INTERCEPTORS,
    //  useClass: MyInterceptor,
    //  multi: true
    //}
    { provide: APP_BASE_HREF, useValue: '/' }
    
  ],
  bootstrap: [AppComponent]
})

export class AppModule { }