import { BrowserAnimationsModule } from "@angular/platform-browser/animations"
import { NgModule } from '@angular/core'
import { RouterModule } from '@angular/router'
import { ToastrModule } from "ngx-toastr"

import { SidebarModule } from './shared/sidebar/sidebar.module'
import { FooterModule } from './shared/footer/footer.module'
import { NavbarModule} from './shared/navbar/navbar.module'
import { FixedPluginModule} from './shared/fixedplugin/fixedplugin.module'

import { AppComponent } from './app.component'
import { AppRoutes } from './app.routes'

import { ThingBucketComponent } from './thing-bucket/thing-bucket.component'

import { HttpClientModule } from '@angular/common/http'

import { FormsModule }   from '@angular/forms';
import { LandingPageComponent } from './landing-page/landing-page.component';
import { OAuthModule } from 'angular-oauth2-oidc'
import { BrowserModule } from '@angular/platform-browser'
import { SharedModule } from './shared/shared.module';
import { BASE_URL } from './app.tokens'


@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    RouterModule.forRoot(AppRoutes, {
      useHash: false,
      initialNavigation: true
    }),
    SidebarModule,
    NavbarModule,
    ToastrModule.forRoot(),
    OAuthModule.forRoot(),
    FooterModule,
    FixedPluginModule,
    HttpClientModule,
    FormsModule,
    SharedModule.forRoot(),
    OAuthModule.forRoot({
      resourceServer: {
        allowedUrls: ['https://dwd.tudelft.nl'],
        sendAccessToken: true
      }
    })
  ],
  declarations: [
    AppComponent,
    ThingBucketComponent,
    LandingPageComponent
  ],
  providers: [{ provide: BASE_URL, useValue: 'https://dwd.tudelft.nl/bucket' }],
  bootstrap: [AppComponent],
  entryComponents: []
})
export class AppModule { }