import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { HttpClientModule, HttpClient } from '@angular/common/http';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { TranslateModule, TranslateLoader, TranslateService } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

import { PepperiModule } from '@pepperi/lib';
import { PepperiCheckboxModule } from '@pepperi/lib/checkbox';
import { PepperiFieldTitleModule } from '@pepperi/lib/field-title';
import { PepperiTextboxModule } from '@pepperi/lib/textbox';

export function createTranslateLoader(http: HttpClient) {
    debugger;
    let webappDirectory = sessionStorage.getItem('webappDirectory');
    webappDirectory = webappDirectory ? webappDirectory : '';
    return new TranslateHttpLoader(http, '/assets/i18n/', '.json');
}

@NgModule({
    declarations: [AppComponent],
    imports: [
        CommonModule,
        BrowserModule,
        HttpClientModule,
        BrowserAnimationsModule,
        AppRoutingModule,
        PepperiModule,
        PepperiCheckboxModule,
        PepperiFieldTitleModule,
        PepperiTextboxModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: createTranslateLoader,
                deps: [HttpClient]
            }
        }),],
    exports: [

    ],
    providers: [],
    bootstrap: [AppComponent],
})
export class AppModule {
    constructor(translate: TranslateService) {
        let userLang = 'en';
        translate.setDefaultLang(userLang);
        userLang = translate.getBrowserLang().split('-')[0]; // use navigator lang if available

        if (location.href.indexOf('userLang=en') > -1) {
            userLang = 'en';
        }

        // the lang to use, if the lang isn't available, it will use the current loader to get them
        translate.use(userLang).subscribe((res: any) => {
            // In here you can put the code you want. At this point the lang will be loaded
        });
        // userService.isRTLlang = userLang.toLocaleLowerCase() == 'he' ? true : false;
        // userService.userLang = userLang;
    }
 }