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 { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

//import { ModalModule } from 'ngx-bootstrap/modal';
import { UpdateUserProfile } from './components/UpdateProfile/updateuserprofile.component';
import { ChangeUserPassword } from './components/ChangePassword/changeuserpassword.component';
import { ManageDiscountCode } from './components/ManageDiscountCode/managediscountcode.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 { BsDatepickerModule } from 'ngx-bootstrap';
import { GlobalService } from './Shared/global';

@NgModule({
  declarations: [
    ChangeUserPassword, ChangeUserId,
    UpdateUserProfile, ManageDiscountCode,
    AppComponent
  ],
  imports: [
    BrowserModule, AppRoutingModule, HttpClientModule, FormsModule, ReactiveFormsModule, HttpModule,
    BsDatepickerModule.forRoot() //ModalModule.forRoot()
  ],
  providers: [
    //AuthService,
    //AuthGuard,
    //{
    //  provide: HTTP_INTERCEPTORS,
    //  useClass: MyInterceptor,
    //  multi: true
    //}
    { provide: APP_BASE_HREF, useValue: '/' }, DatePipe, 
     GlobalService
  ],
  bootstrap: [AppComponent]
})

export class AppModule { }