import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
import { TranslateModule, TranslateLoader } from "@ngx-translate/core";
import { RouteReuseStrategy } from "@angular/router";
import { TranslateHttpLoader } from "@ngx-translate/http-loader";
import { IonicModule, IonicRouteStrategy, IonRouterOutlet } from "@ionic/angular";
import { CurrencyPipe } from "@angular/common";

// plugins oficiales ionic
import { IonicStorageModule } from '@ionic/storage-angular'

// plugins npm
import { ColorPickerModule } from "ngx-color-picker";

//
import { AppComponent } from "./app.component";
import { AppRoutingModule } from "./app-routing.module";
import { PipesModule } from "./pipes/pipes.module";
import { DirectivesModule } from "./directives/directives.module";
import { AuthInterceptorService } from "../app/services/auth-interceptor.service";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';
import { GoogleMapsModule } from "@angular/google-maps";

export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, "./assets/i18n/", ".json");
}

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule,
        IonicModule.forRoot({
            backButtonText: "",
        }),
        IonicStorageModule.forRoot(),
        AppRoutingModule,
        HttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: createTranslateLoader,
                deps: [HttpClient],
            },
        }),
        ColorPickerModule,
        PipesModule,
        DirectivesModule,
        BrowserAnimationsModule,
        ServiceWorkerModule.register('ngsw-worker.js', {
            enabled: environment.production,
            // Register the ServiceWorker as soon as the app is stable
            // or after 30 seconds (whichever comes first).
            registrationStrategy: 'registerWhenStable:30000'
        }),
        GoogleMapsModule
    ],
    providers: [
        {
            provide: HTTP_INTERCEPTORS,
            useClass: AuthInterceptorService,
            multi: true,
        },
        { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
        Storage,
        Geolocation,
        CurrencyPipe,
        Clipboard,
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}