import {Component, Input} from '@angular/core';
import { NavParams, PopoverController } from '@ionic/angular';
import { CommonUtilService, AppGlobalService, UtilityService } from '@app/services';
import {FormAndFrameworkUtilService} from '../../../../services/formandframeworkutil.service';
import { RouterLinks } from '@app/app/app.constant';

@Component({
    selector: 'app-consent-pii-popup',
    templateUrl: './consent-pii-popup.component.html',
    styleUrls: ['./consent-pii-popup.component.scss'],
})


export class ConsentPiiPopupComponent {
    @Input() course;
    profile: any;
    consentForm = [];
    isAgreed = false;
    appName: string;
    isSSOUser = false;
    constructor(
        private popOverCtrl: PopoverController,
        private commonUtilService: CommonUtilService,
        private formAndFrameworkUtilService: FormAndFrameworkUtilService,
        private appGlobalService: AppGlobalService,
        private utilityService: UtilityService,
        private navParams: NavParams,
    ) {
        this.isSSOUser = this.navParams.get('isSSOUser');
    }
    async ionViewWillEnter() {
        this.profile = this.appGlobalService.getCurrentUser();
        const profileKeys = await this.formAndFrameworkUtilService.getConsentFormConfig();
        profileKeys.forEach(element => {
            this.consentForm.push({
                key: this.commonUtilService.getTranslatedValue(element.templateOptions.placeHolder,
                    JSON.parse(element.templateOptions.placeHolder)['en']),
                value: this.converDataSrcToObject(element)
            });
        });
        this.commonUtilService.getAppName().then((res) => { this.appName = res; });
    }
    closePopover(data) {
        const request = {
            data,
            userId: this.profile.uid
        };
        this.popOverCtrl.dismiss(request);
    }
    dontShare() {
        this.closePopover(false);
    }
    share() {
        this.closePopover(true);
    }

    converDataSrcToObject(ele) {
        const dataSrc = ele.templateOptions.dataSrc;
        switch (dataSrc.marker) {
            case 'SERVER_PROFILE':
                if (ele.code === 'emailId' || ele.code === 'phoneNumber') {
                    if (ele.code === 'emailId') {
                        return this.profile.serverProfile['email'] ?  this.profile.serverProfile['email'] :
                        (this.profile.serverProfile['maskedEmail'] ? this.profile.serverProfile['maskedEmail'] : '-');
                    } else {
                      return this.profile.serverProfile['phone'] ?  this.profile.serverProfile['phone'] :
                      (this.profile.serverProfile['maskedPhone'] ? this.profile.serverProfile['maskedPhone'] : '-');
                    }
                  } else {
                    if (ele.code === 'externalIds') {
                        let externalId = '-';
                        if (this.profile.serverProfile[dataSrc.params.categoryCode] ) {
                            this.profile.serverProfile[dataSrc.params.categoryCode].forEach((externaleId) => {
                              if (externaleId.provider === this.profile.serverProfile.channel) {
                                externalId = externaleId.id;
                              }
                            });
                          }
                        return externalId;
                    } else {
                        return this.profile.serverProfile[dataSrc.params.categoryCode] ?
                        this.profile.serverProfile[dataSrc.params.categoryCode] : '-';
                    }
                  }
            case 'SERVER_PROFILE_LOCATIONS':
                let location = '-';
                if (this.profile.serverProfile.userLocations && this.profile.serverProfile.userLocations.length) {
                    this.profile.serverProfile.userLocations.forEach(element => {
                        if (element.type === ele.code) {
                            location = element.name;
                        } else if (ele.code === 'schoolId' && element.type === 'school' ) {
                            location = element.code;
                        }
                    });
                }
                return location;
                case 'SERVER_PROFILE_DECLARED':
                    if (this.profile.serverProfile.declarations.length && this.profile.serverProfile.declarations[0].info) {
                       return this.profile.serverProfile.declarations[0].info[dataSrc.params.categoryCode] ?
                       this.profile.serverProfile.declarations[0].info[dataSrc.params.categoryCode] : '-';
                    } else if (ele.code === 'emailId' || ele.code === 'phoneNumber') {
                      if (ele.code === 'emailId') {
                          return this.profile.serverProfile['maskedEmail'] ? this.profile.serverProfile['maskedEmail'] : '-';
                      } else {
                        return this.profile.serverProfile['maskedPhone'] ? this.profile.serverProfile['maskedPhone'] : '-';
                      }
                    }
                    return '-';
            default:
                return '-';
        }
    }

    async openTermsOfUse() {
        const baseUrl = await this.utilityService.getBuildConfigValue('TOU_BASE_URL');
        const url = baseUrl + RouterLinks.TERM_OF_USE;
        const options
            = 'hardwareback=yes,clearcache=no,zoom=no,toolbar=yes,disallowoverscroll=yes';

        (window as any).cordova.InAppBrowser.open(url, '_blank', options);
    }

    changeEvent(event) {
        if (event.detail.checked) {
            this.isAgreed = true;
        } else {
            this.isAgreed = false;
        }
    }
}