import { Component, OnInit, OnChanges } from '@angular/core';
import { HeaderDataService } from '../services/header-data.service';

import { BasePage } from '../shared/baseshared/components/base.component';
import { ConfigService } from '../shared/configuration/config.service';
import { BroadcastService } from '../shared/broadcast/broadcast.service';
import { LoggerService } from '../shared/logger/log.service';

@Component({
    selector: 'global-language-select',
    templateUrl: 'language-select.component.html',
    styleUrls: ['../style/main.scss', './language-select.component.scss']
})
export class LanguageSelectComponent extends BasePage {
    errorMessage: string;
    data: Array<any>;
    currentLanguage: String;
    wrapperClass: {
        optum: boolean;
        uhc: boolean;
    };

    constructor(
        configService: ConfigService,
        broadcastService: BroadcastService,
        loggerService: LoggerService,
        public HeaderDataService: HeaderDataService
    ) {
        super(configService, broadcastService, loggerService);
    }

    public initialize(): void {
        this.loadData();
    }

    changeLanguage(i) {
        this.currentLanguage = this.data[i].language;
    }

    public loadData() {
        this.HeaderDataService.loadData()
        .subscribe(
            (data: any) => {
                this.data = data.langData;
                this.currentLanguage = this.data[0].language;
                this.wrapperClass = {
                    optum: data.optumStyle,
                    uhc: data.uhcStyle
                };
            },
            error => this.errorMessage = <any>error,
        );
    }
};