import {
  Component,
  Input,
  OnChanges
} from '@angular/core';

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';
import { HeaderDataService } from '../services/header-data.service';

/**
 * This class represents the navigation bar component.
 */
@Component({
  selector: 'global-search',
  templateUrl: 'search.component.html',
  styleUrls: ['search.component.scss'],
})
export class SearchComponent extends BasePage implements OnChanges {
 private _searchData;
 wrapperClass: {
    optum: boolean;
    uhc: boolean;
  };
  errorMessage: string;

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

  public initialize(): void {
    this._searchData = {};
    this.getClassName();
  }

  @Input() set searchData(searchData: string) {
    this._searchData = searchData;
  }

  public getClassName() {
    this.HeaderDataService.loadData()
      .subscribe(
          (data: any) => {
              this.wrapperClass = {
                  optum: data.optumStyle,
                  uhc: data.uhcStyle
              };
          },
          error => this.errorMessage = <any>error,
      );
  }

  ngOnChanges() {
    // console.log(this._searchData);
  }
}