import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';

import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { IonicStorageModule } from '@ionic/storage';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { MyApp } from './app.component';

import { SearchPage } from '../pages/search/search';
import { SettingsPage } from '../pages/settings/settings';
import { HelpPage } from '../pages/help/help';

import { ComponentLoader } from '../components/component-loader/component-loader';
import { Passage } from '../components/passage/passage';
import { Strongs } from '../components/strongs/strongs';
import { Words } from '../components/words/words';
import { Error } from '../components/error/error';
import { StrongsModal } from '../components/strongs-modal/strongs-modal';
import { ErrorMessage } from '../components/error-message/error-message';
import { VersePickerModal } from '../components/verse-picker/verse-picker';

@NgModule({
    declarations: [
        MyApp,
        SearchPage,
        SettingsPage,
        HelpPage,
        ComponentLoader,
        Passage,
        Strongs,
        StrongsModal,
        VersePickerModal,
        Words,
        Error,
        ErrorMessage
    ],
    imports: [
        IonicModule.forRoot(MyApp),
        IonicStorageModule.forRoot(),
        BrowserModule,
        HttpModule
    ],
    bootstrap: [IonicApp],
    entryComponents: [
        MyApp,
        SearchPage,
        SettingsPage,
        HelpPage,
        Passage,
        Strongs,
        StrongsModal,
        VersePickerModal,
        Words,
        Error,
        ErrorMessage
    ],
    providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler }, StatusBar, SplashScreen]
})
export class AppModule { }