import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import 'rxjs/add/operator/filter';
import { AccountCategory } from '../../../enums';
import { TemplateType } from '../../../enums/template-type.enum';
import { Template } from '../../../models';
import { AuthService, TemplateService } from '../../../providers';
import { AppStateStore } from '../../../providers/stores/app-state.store';

@Component({
  selector: 'app-select-account',
  templateUrl: './select-account.component.html',
  styleUrls: ['./select-account.component.css']
})
export class SelectAccountComponent implements OnInit {
  @Output() close = new EventEmitter();
  @Input() template: Template;
  @Input() type: TemplateType = TemplateType.Debit;
  isLoading = false;
  templates: Template[];

  constructor(
    private app: AppStateStore,
    private templateService: TemplateService,
    private authService: AuthService
  ) {}

  ngOnInit() {
    this.isLoading = true;
    this.templateService.templates$
      .filter(templates => templates !== null)
      .filter(templates => templates !== undefined)
      .filter(templates => templates.length > 0)
      .subscribe(templates => {
        this.templates = templates
          .filter(accounts => this.filterByType(accounts))
          .filter(accounts => this.filterByCategory(accounts))
          .filter(accounts => this.filterBySelf(accounts));
        this.isLoading = false;
      });
  }

  /**
   * Used to filter out templates that are either not the correct type or do not have the correct permissions.
   * @param template A2APaymentTemplate
   */
  private filterByType(template: Template): boolean {
    switch (this.type) {
      case TemplateType.Debit:
        return template.canDebit;
      case TemplateType.Credit:
        return template.canCredit;
    }
  }

  /**
   * Used to filter out templates that are limited by a previously selected template.
   * Example: one cannot debit and credit 2 different FiVerified accounts.
   * @param template A2APaymentTemplate
   */
  private filterByCategory(template: Template): boolean {
    switch (this.type) {
      case TemplateType.Debit:
        return this.app.creditTemplate &&
          ((this.app.creditTemplate.accountCategory ===
            AccountCategory.FiVerified &&
            template.accountCategory === AccountCategory.FiVerified) ||
            (this.app.creditTemplate.accountCategory ===
              AccountCategory.CustomerEntered &&
              template.accountCategory === AccountCategory.CustomerEntered))
          ? false
          : true;
      case TemplateType.Credit:
        return this.app.debitTemplate &&
          ((this.app.debitTemplate.accountCategory ===
            AccountCategory.FiVerified &&
            template.accountCategory === AccountCategory.FiVerified) ||
            (this.app.debitTemplate.accountCategory ===
              AccountCategory.CustomerEntered &&
              template.accountCategory === AccountCategory.CustomerEntered))
          ? false
          : true;
    }
  }

  /**
   * Used to filter out a template that has already been selected.
   * Example: One cannot credit and debit the same template.
   * @param template A2APaymentTemplate
   */
  private filterBySelf(template: Template): boolean {
    // cant credit and debit same account
    switch (this.type) {
      case TemplateType.Debit:
        if (!this.app.creditTemplate) {
          return true;
        }
        return this.app.creditTemplate.id !== template.id;
      case TemplateType.Credit:
        if (!this.app.debitTemplate) {
          return true;
        }
        return this.app.debitTemplate.id !== template.id;
    }
  }

  closeMe(event: Event) {
    this.close.emit();
  }

  stopPropagation(event: Event) {
    event.stopPropagation();
  }

  get label(): string {
    return this.type === TemplateType.Debit ? 'From' : 'To';
  }

  setTemplate(template: Template) {
    switch (this.type) {
      case TemplateType.Debit:
        this.app.debitTemplate = template;
        break;
      case TemplateType.Credit:
        this.app.creditTemplate = template;
        break;
    }
    this.close.emit();
  }
}