import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { AuthServiceProvider} from '../providers/auth-service/auth-service';
import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';
import { HttpModule} from '@angular/http';
import { HttpClient } from '@angular/common/http';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { LoginPage } from '../pages/login/login';
import { feesDetails } from'../pages/fees-details/feesDetails';
import { paidDetails } from '../pages/paid-details/paidDetails';
import { Network } from '@ionic-native/network';
import { installmentDetails } from '../pages/installment-details/installmentDetails';
import {ReactiveFormsModule,FormGroup,FormControl,Validators,FormsModule} from '@angular/forms';
@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    LoginPage,
    feesDetails,
    paidDetails,
    installmentDetails,
  ],
  imports: [
    BrowserModule,HttpModule,
    IonicModule.forRoot(MyApp),
    FormsModule,
    ReactiveFormsModule,
    
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    LoginPage,
    feesDetails,
    paidDetails,
    installmentDetails,
  ],
  providers: [
    StatusBar,
    AuthServiceProvider,
    SplashScreen,
    Network,
    HttpClient,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}
