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

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

import { AppComponent } from './app.component';
import { NavbarComponent } from './navbar/navbar.component';
import { FooterComponent } from './footer/footer.component';
import { SearchComponent } from './search/search.component';
import { HelpComponent } from './help/help.component';
import { ChatModalContentComponent, ChatModalActionComponent } from './chat/chat.component';
import { LanguageSelectComponent } from './language-select/language-select.component';
import { FooterDataService } from './services/footer-data.service';
import { HeaderDataService } from './services/header-data.service';
import { SharedModule } from './shared/shared.barrel.module';
import { AccountProfileComponent } from './account-profile/account-profile.component';

@NgModule({

  imports: [
    BrowserModule,
    HttpModule,
    SharedModule,
    NgbModule.forRoot()
  ],

  declarations: [ AppComponent,
                  NavbarComponent,
                  FooterComponent,
                  ChatModalContentComponent,
                  ChatModalActionComponent,
                  SearchComponent,
                  LanguageSelectComponent,
                  HelpComponent,
                  AccountProfileComponent],
  providers: [FooterDataService, HeaderDataService, {
    provide: APP_BASE_HREF,
    useValue: '/'
  }],
  bootstrap: [AppComponent, NavbarComponent, FooterComponent, ChatModalActionComponent],
  entryComponents: [ChatModalContentComponent]
})
export class AppModule { }