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

import { BrowserAnimationsModule }
  from '@angular/platform-browser/animations';
import { MatIconModule } from '@angular/material/icon';
import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from '@angular/common/http';

import {MainComponent} from './modules/main-module/main.component/main.component';
import {authInterceptorProviders} from './helpers/auth.interceptor';
import {AdminComponent} from './modules/admin-module/admin.component/admin.component';
import {AdminWelcomeComponent} from './modules/admin-module/admin-welcome.component/admin-welcome.component';
import {SettingsComponent} from './modules/admin-module/settings.component/settings.component';
import {SystemComponent} from './modules/admin-module/system.component/system.component';
import {AppRoutingModule} from './app.routes';
import {App} from './app';
import {CustomHttpInterceptor} from './helpers/custom-http-interceptor';
import {AngularMarkdownEditorModule} from 'angular-markdown-editor';
import {MatFormFieldModule} from '@angular/material/form-field';
import {NgxColorsModule} from 'ngx-colors';

@NgModule({
  declarations: [

  ],
  imports: [
    AppRoutingModule,
    MainComponent,
    BrowserModule,
    MatIconModule,
    BrowserAnimationsModule,
    AdminComponent,
    AdminWelcomeComponent,
    SettingsComponent,
    SystemComponent,
    AngularMarkdownEditorModule.forRoot({ iconlibrary: 'fa' }),
    MatFormFieldModule,
    NgxColorsModule
  ],
  providers: [
    authInterceptorProviders,provideHttpClient(withInterceptorsFromDi()),{
      provide: HTTP_INTERCEPTORS,
      useClass: CustomHttpInterceptor,
      multi: true
    }],

  bootstrap: [],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule { }