import {Component, OnInit, ViewEncapsulation} from '@angular/core';
import {MatDialogRef} from '@angular/material/dialog';
import {CountryCode} from '@maplander/types';
import {Constants} from '../../../utils/constants';
import {Utils} from '../../../utils/utils';

@Component({
  selector: 'lib-country-code',
  templateUrl: './country-code.component.html',
  styleUrls: ['./country-code.component.scss'],
  encapsulation: ViewEncapsulation.None
})
export class CountryCodeComponent implements OnInit {

  public counties: any[];

  constructor(
    public _dialogRef: MatDialogRef<CountryCodeComponent>
  ) {
  }

  ngOnInit() {
    this.counties = Constants.CountryList;
  }

  public search(event: any): void {
    const codesSearched = [];
    const search = (event.srcElement.value).toLowerCase();
    if (search === '') {
      this.counties = Constants.CountryList;
    } else {
      this.counties.forEach((code: CountryCode) => {
        const codeName = Utils.removeDiacritics(code.name).toLowerCase();
        const codeNumber = code.code.toLowerCase();
        const codeISO = code.iso.toLowerCase();
        if (codeName.includes(search) || codeNumber.includes(search) || codeISO.includes(search)) {
          codesSearched.push(code);
        }
      });
      if (codesSearched.length > 0) {
        this.counties = codesSearched;
      } else {
        this.counties = Constants.CountryList;
      }
    }
  }

  public selectCountry(country: CountryCode): void {
    this._dialogRef.close(country);
  }

  public close(): void {
    this._dialogRef.close(null);
  }

}