import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

import {AppComponent} from './app.component';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {HTTP_INTERCEPTORS} from '@angular/common/http';
import {TokenInterceptor} from './auth/token.interceptor';
import {PreviewMagnoliaModule} from '../../projects/preview-magnolia/src/lib/preview-magnolia.module';
import {RouterModule, Routes} from '@angular/router';
import {DashboardComponent} from './dashboard/dashboard.component';
import {PreviewComponent} from './preview/preview.component';
import {FormlyBootstrapModule} from '@ngx-formly/bootstrap';
import {FormlyMaterialModule} from '@ngx-formly/material';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { ConfigureComponent } from './configure/configure.component';
import {FormsModule} from '@angular/forms';
import { ModalWarningComponent } from './shared/modal-warning/modal-warning.component';
import {NgJsonEditorModule} from 'ang-jsoneditor';
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

const routes: Routes = [
  {path: '', component: AppComponent},
  {path: 'configure', component: ConfigureComponent},
  {path: 'preview/:productid/:customerid/:projectid/:contractid/:brokerid/:productcollectionid', component: PreviewComponent},
  {path: 'preview/:productid/:customerid/:projectid/:contractid/:brokerid', component: PreviewComponent},
  {path: 'dashboard', component: DashboardComponent},

];

@NgModule({
  declarations: [
    AppComponent,
    DashboardComponent,
    PreviewComponent,
    ConfigureComponent,
    ModalWarningComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    PreviewMagnoliaModule,
    FormlyBootstrapModule,
    RouterModule.forRoot(routes),
    FontAwesomeModule,
    FormsModule,
    NgJsonEditorModule,
    NgbModule
  ],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: TokenInterceptor,
      multi: true
    }
  ],
  exports: [RouterModule],
  bootstrap: [AppComponent]
})
export class AppModule {
}