/** Angular Imports */
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

/** Custom Services */
import { SavingsService } from 'app/savings/savings.service';
import { SettingsService } from 'app/settings/settings.service';

/**
 * Savings Account Details Step
 */
@Component({
  selector: 'mifosx-savings-account-details-step',
  templateUrl: './savings-account-details-step.component.html',
  styleUrls: ['./savings-account-details-step.component.scss']
})
export class SavingsAccountDetailsStepComponent implements OnInit {

  /** Savings Account Template */
  @Input() savingsAccountTemplate: any;

  /** Minimum date allowed. */
  minDate = new Date(2000, 0, 1);
  /** Maximum date allowed. */
  maxDate = new Date();
  /** Product Data */
  productData: any;
  /** Field Officer Data */
  fieldOfficerData: any;
  /** For edit savings form */
  isFieldOfficerPatched = false;
  /** Savings Account Details Form */
  savingsAccountDetailsForm: FormGroup;

  /** Savings Account Template with product data  */
  @Output() savingsAccountProductTemplate = new EventEmitter();

  /**
   * Sets share account details form.
   * @param {FormBuilder} formBuilder Form Builder.
   * @param {SavingsService} savingsService Savings Service.
   * @param {SettingsService} settingsService Setting service
   */
  constructor(private formBuilder: FormBuilder,
              private savingsService: SavingsService,
              private settingsService: SettingsService) {
    this.createSavingsAccountDetailsForm();
  }

  ngOnInit() {
    this.maxDate = this.settingsService.businessDate;
    this.buildDependencies();
    if (this.savingsAccountTemplate) {
      this.productData = this.savingsAccountTemplate.productOptions;
      if (this.savingsAccountTemplate.savingsProductId) {
        this.savingsAccountDetailsForm.patchValue({
          'productId': this.savingsAccountTemplate.savingsProductId,
          'submittedOnDate': this.savingsAccountTemplate.timeline.submittedOnDate && new Date(this.savingsAccountTemplate.timeline.submittedOnDate),
          'externalId': this.savingsAccountTemplate.externalId
        });
      } else {
        this.savingsAccountDetailsForm.patchValue({
          'submittedOnDate': new Date()
        });
      }
    }
  }

  /**
   * Creates savings account details form.
   */
  createSavingsAccountDetailsForm() {
    this.savingsAccountDetailsForm = this.formBuilder.group({
      'productId': ['', Validators.required],
      'submittedOnDate': ['', Validators.required],
      'fieldOfficerId': [''],
      'externalId': ['']
    });
  }

  /**
   * Fetches savings account product template on productId value changes
   */
  buildDependencies() {
    const entityId = this.savingsAccountTemplate.clientId || this.savingsAccountTemplate.groupId;
    this.savingsAccountDetailsForm.get('productId').valueChanges.subscribe((productId: string) => {
      this.savingsService.getSavingsAccountTemplate(entityId, productId, this.savingsAccountTemplate.groupId ? true : false)
      .subscribe((response: any) => {
        this.savingsAccountProductTemplate.emit(response);
        this.fieldOfficerData = response.fieldOfficerOptions;
        if (!this.isFieldOfficerPatched && this.savingsAccountTemplate.fieldOfficerId) {
          this.savingsAccountDetailsForm.get('fieldOfficerId').patchValue(this.savingsAccountTemplate.fieldOfficerId);
          this.isFieldOfficerPatched = true;
        } else {
          this.savingsAccountDetailsForm.get('fieldOfficerId').patchValue('');
        }
      });
    });
  }

  /**
   * Returns savings account form value.
   */
  get savingsAccountDetails() {
    return this.savingsAccountDetailsForm.value;
  }

}