import { Component, OnInit, Inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';

import { LoggerService } from '../../../shared/services/logger.service';
import { AlertData } from '../../../shared/models/alertData';

@Component({
  selector: 'rtl-alert-message',
  templateUrl: './alert-message.component.html',
  styleUrls: ['./alert-message.component.scss']
})
export class AlertMessageComponent implements OnInit {
  public msgTypeBackground = 'bg-primary p-1';
  public msgTypeForeground = 'primary';
  public messageObj = [];
  public flgCopied = false;

  constructor(public dialogRef: MatDialogRef<AlertMessageComponent>, @Inject(MAT_DIALOG_DATA) public data: AlertData, private logger: LoggerService) { }

  ngOnInit() {
    this.setStyleOnAlertType();
    this.convertJSONData();
  }

  setStyleOnAlertType() {
    // INFO/WARN/ERROR/SUCCESS/CONFIRM
    if (this.data.type === 'WARN') {
      this.msgTypeBackground = 'bg-accent p-1';
      this.msgTypeForeground = 'accent';
    }
    if (this.data.type === 'ERROR') {
      this.msgTypeBackground = 'bg-warn p-1';
      this.msgTypeForeground = 'warn';
      if (undefined === this.data.message && undefined === this.data.titleMessage && this.messageObj.length <= 0 ) {
        this.data.titleMessage = 'Please Check Server Connection';
      }
    }
  }

  convertJSONData() {
    this.data.message = (undefined === this.data.message) ? '' : this.data.message.replace(/{/g, '').replace(/"/g, '').replace(/}/g, '').replace(/\n/g, '');
    // Start: For Payment Path
    const arrayStartIdx = this.data.message.search('\\[');
    const arrayEndIdx = this.data.message.search('\\]');
    if (arrayStartIdx > -1 && arrayEndIdx > -1) {
      this.data.message = this.data.message.substring(0, arrayStartIdx).concat(
      this.data.message.substring(arrayStartIdx + 1, arrayEndIdx).replace(/,/g, '\n'),
      this.data.message.substring(arrayEndIdx + 1));
    }
    // End: For Payment Path
    this.messageObj = (this.data.message === '') ? [] : this.data.message.split(',');
    this.messageObj.forEach((obj, idx) => {
      this.messageObj[idx] = obj.split(':');
      this.messageObj[idx][0] = this.messageObj[idx][0].replace('_str', '');
      this.messageObj[idx][0] = this.messageObj[idx][0].replace(/_/g, ' '); // To replace Backend Data's '_'
      // Start: To Merge Time Value Again with ':', example Payment Creation Time
      if (this.messageObj[idx].length > 2) {
        this.messageObj[idx].forEach((dataValue, j) => {
          if (j === 0 || j === 1) {
            return;
          } else {
            this.messageObj[idx][1] = this.messageObj[idx][1] + ':' + this.messageObj[idx][j];
          }
        });
      }
      // End: To Merge Time Value Again with ':', example Payment Creation Time
    });
  }

  showCopyOption(key): boolean {
    let flgFoundKey = false;
    const showCopyOnKeys = ['payment request'];
    showCopyOnKeys.filter((arrKey) => {
      if (arrKey === key) {
        flgFoundKey = true;
        return true;
      }
    });
    return flgFoundKey;
  }

  copiedText(payload) {
    this.flgCopied = true;
    setTimeout(() => {this.flgCopied = false; }, 5000);
    this.logger.info('Copied Text: ' + payload);
  }

  isNumber(value, key): boolean {
    let flgFoundKey = false;
    const notNumberKeys = ['chan id', 'creation date', 'chan id out', 'chan id in'];
    notNumberKeys.filter((arrKey) => {
      if (arrKey === key) {
        flgFoundKey = true;
      }
    });
    if (!flgFoundKey) {
      return new RegExp(/^[0-9]+$/).test(value);
    } else {
      return false;
    }
  }

  onClose() {
    this.dialogRef.close(false);
  }
}