import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { NgModule, LOCALE_ID } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { registerLocaleData, DatePipe } from '@angular/common';
import { RouterModule } from '@angular/router';

// Internationalization i18n
import localeSv from '@angular/common/locales/es-SV';
import localeEsExtra from '@angular/common/locales/extra/es';
registerLocaleData(localeSv, 'es-SV', localeEsExtra);

// used to create fake backend
//import { fakeBackendProvider } from './helpers';
//import { JwtInterceptor, ErrorInterceptor } from './helpers';

import { AppRoutingModule } from './app.routing';
import { AppComponent } from './app.component';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { ChartsModule } from 'ng2-charts';
import { SharedModule } from './components/shared/shared.module';

import { AdminComponent } from './layouts/admin/admin.component';

import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { MatSelectModule } from '@angular/material/select';
import { AngularMyDatePickerModule } from 'angular-mydatepicker';

import { PluginsModule } from './components/plugins/plugins.module';
import { LoginComponent } from './components/login/login.component';

import { TokenInterceptor } from '@app/services/token.interceptor';
import { ConfirmAccountComponent } from './components/confirm-account/confirm-account.component';
import { MatPasswordStrengthModule } from '@angular-material-extensions/password-strength';
import { LostAccountComponent } from '@app/components/lost-account/lost-account.component';
import { NewAccountComponent } from '@app/components/new-account/new-account.component';
import { NewPasswordComponent } from './components/new-password/new-password.component';

@NgModule({
  declarations: [
    AppComponent,
    AdminComponent,
    LoginComponent,
    ConfirmAccountComponent,
    LostAccountComponent,
    NewAccountComponent,
    NewPasswordComponent,
  ],
  imports: [
    BrowserModule,
    NgbModule,
    ChartsModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    SharedModule,
    RouterModule,
    AppRoutingModule,
    PluginsModule,
    NgxDatatableModule,
    MatSelectModule,
    AngularMyDatePickerModule,
    MatPasswordStrengthModule.forRoot(),
  ],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true },
    { provide: LOCALE_ID, useValue: 'es-SV' },
    [DatePipe],

    //{ provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
    //AuthenticationService,
    // provider used to create fake backend
    //fakeBackendProvider
  ],
  bootstrap: [AppComponent],
})
export class AppModule { }