import { Component, OnInit } from '@angular/core';
import { Validators, FormBuilder, FormGroup } from '@angular/forms';
import { ApiService } from '../providers/api-service';
import { OrgTableComponent } from '../shared/org-table.component';
import * as moment from 'moment';
import 'rxjs/add/operator/map';

@Component({
  templateUrl: 'add-data.component.html',
})
export class AddDataComponent implements OnInit {
  payrollForm: FormGroup;
  singleSupplierForm: FormGroup;
  employeeForm: FormGroup;
  transactionForm: FormGroup;
  payrollFormStatus: any;
  singleSupplierFormStatus: any;
  employeeFormStatus: any;
  transactionFormStatus: any;
  transactionFormStatusError = 'Error received, please try again.';
  accountType: any;

 submitOrg = {
    name: '',
    street_name: '',
    town: '',
    postcode: '',
  };
  organisationId: number;
  organisationTown: string;
  organisationPostcode: string;
  amount: number;
  // Assumes Groceries is 1st category
  categoryId: number = 1;
  transactionAdditionType = 1;
  storeList = [];
  showAddStore = false;
  submitReceipt = false;
  transactionFormInvalid = true;
  myDate: any;
  minDate: any;
  categoryIdList: number[] = [];
  categoryNameList: string[] = [];

  constructor(
  private formBuilder: FormBuilder,
  private api: ApiService,
  ) {
    this.payrollForm = this.formBuilder.group({
    entry_period:         ['', [Validators.required]],
    employee_amount:      ['', [Validators.required]],
    local_employee_amount: ['', [Validators.required]],
    gross_payroll:        ['', [Validators.required]],
    payroll_income_tax:    ['', [Validators.required]],
    payroll_employee_ni:   ['', [Validators.required]],
    payroll_employer_ni:   ['', [Validators.required]],
    payroll_total_pension: ['', [Validators.required]],
    payroll_other_benefit: ['', [Validators.required]],
    });
    this.employeeForm = this.formBuilder.group({
    entry_period:          ['', [Validators.required]],
    employee_no:           ['', [Validators.required]],
    employee_income_tax:    ['', [Validators.required]],
    employee_gross_wage:    ['', [Validators.required]],
    employee_ni:           ['', [Validators.required]],
    employee_pension:      ['', [Validators.required]],
    employee_other_benefit: ['', [Validators.required]],
    });
    this.myDate = moment().format('YYYY-MM-DD[T]HH:mm');
    // this.myDate = new Date().toISOString().slice(0, 16);
    this.api.categoryList().subscribe(
      result => {
        this.setCategoryList(result.categories);
      },
      error => {
        console.log('Retrieval Error');
        console.log( error._body );
      }
    );
  }

  ngOnInit(): void {
    this.getMinDate();
    this.accountType = localStorage.getItem('usertype');
  }

  private setCategoryList(data: any) {
    this.categoryIdList = Object.keys(data.ids).map(key => data.ids[key]);
    this.categoryNameList = Object.keys(data.names).map(key => data.names[key]);
  }

  getMinDate() {
    // gets the April 1st date of the current year
    const aprilDate = moment().month(3).date(1);
    const now = moment();
    // Checks if current time is before April 1st, if so returns true
    const beforeApril = now.isBefore(aprilDate);
    if ( beforeApril === true ) {
      this.minDate = aprilDate.subtract(2, 'years').format('YYYY-MM-DD');
    } else {
      this.minDate = aprilDate.subtract(1, 'years').format('YYYY-MM-DD');
    }
  }

  initializeItems() {
    // Dont bother searching for an empty or undefined string
    if ( this.submitOrg.name === '' ) {
      return;
    }
    const searchData = {
      search_name: this.submitOrg.name,
    };

    this.api.search(searchData).subscribe(
      data => {
        if (data.validated.length > 0) {
          this.storeList = data.validated;
          this.showAddStore = false;
          this.transactionAdditionType = 1;
        } else {
          this.storeList = data.unvalidated;
          this.showAddStore = false;
          this.transactionAdditionType = 2;
        }
        // handle the case when the storelist is empty
        if (this.storeList.length < 1) {
          this.storeList = [];
          this.showAddStore = true;
          this.transactionAdditionType = 3;
        }
      },
      error => {
        console.log(error);
      }
    );
  }

  // if user select a item from the list
  addStore(store) {
    this.submitOrg = store;
    this.transactionFormValidate();
    this.organisationId = store.id;
  }

  // search for store
  organisationSearch(ev) {
    // Reset items back to all of the items
    this.initializeItems();

    // set val to the value of the searchbar
    const val = ev.target.value;

    // Filter the store list so search seems quicker
    if (val && val.trim() !== '' && this.storeList.length > 0) {
      this.storeList = this.storeList.filter(
        (item) => {
          return ( item.name.toLowerCase().indexOf( val.toLowerCase() ) > -1 );
        }
      );
    }

    // if nothing is found
    if (!this.storeList === null) {
      // display add new store button
      this.showAddStore = true;
    }
  }

  transactionFormValidate() {
    if (this.submitOrg.name.length === 0 ||
        this.submitOrg.town.length === 0 ||
        this.amount === 0 ) {
          this.transactionFormInvalid = true;
        } else {
          this.transactionFormInvalid = false;
        }
  }

  public postTransaction() {

    let myParams: any;
    let purchaseTime: string;
    purchaseTime = moment(this.myDate, 'YYYY-MM-DD[T]HH:mm').local().format('YYYY-MM-DD[T]HH:mm:ss.SSSZ');
    switch (this.transactionAdditionType) {
      case 1:
        myParams = {
          transaction_type  : this.transactionAdditionType,
          transaction_value : this.amount,
          purchase_time     : purchaseTime,
          organisation_id   : this.organisationId,
          category          : this.categoryId,
        };
        break;
      case 2:
        myParams = {
          transaction_type  : this.transactionAdditionType,
          transaction_value : this.amount,
          purchase_time     : purchaseTime,
          organisation_id   : this.organisationId,
          category          : this.categoryId,
        };
        break;
      case 3:
        myParams = {
          transaction_type  : this.transactionAdditionType,
          transaction_value : this.amount,
          purchase_time     : purchaseTime,
          organisation_name : this.submitOrg.name,
          street_name       : this.submitOrg.street_name,
          town              : this.submitOrg.town,
          postcode          : this.submitOrg.postcode,
          category          : this.categoryId,
        };
        break;
    }
    /******************************/

    this.api
    .upload(myParams)
    .subscribe(
      result => {
        if ( result.success === true ) {
          console.log('Successful Upload');
          console.log(result);
          this.transactionFormStatus = 'success';
          console.log(this.transactionFormStatus);
          this.resetForm();
        } else {
          console.log('Upload Error');
          this.transactionFormStatusError = JSON.stringify(result.status) + 'Error, ' + JSON.stringify(result.message);
          this.transactionFormStatus = 'send_failed';
          console.log(this.transactionFormStatus);
        }
      },
      error => {
        console.log('Upload Error');
        console.log(error);
        try {
          console.log(error.error);
          const jsonError = error.json();
          console.log('boop');
          this.transactionFormStatusError = '"' + jsonError.error + '" Error, ' + jsonError.message;
        } catch (e) {
          this.transactionFormStatusError = 'There was a server error, please try again later.';
        }
        this.transactionFormStatus = 'send_failed';
        console.log(this.transactionFormStatus);
      }
    );
  }

  private resetForm() {
    this.submitOrg = {
      name: '',
      street_name: '',
      town: '',
      postcode: '',
    };
    this.storeList = [];
    this.amount = null;
    this.transactionFormInvalid = true;
    this.showAddStore = false;
  }

  onSubmitPayroll() {
   console.log(this.payrollForm.value);

  this.api
      .orgPayroll(this.payrollForm.value)
      .subscribe(
        result => {
          console.log('data submitted!');
          this.payrollFormStatus = 'success';
          console.log(this.payrollFormStatus);
        },
        error => {
          console.log( error._body );
          this.payrollFormStatus = 'send_failed';
          console.log(this.payrollFormStatus);
        }
      );
  }

  onSubmitSingleSupplier() {
   console.log(this.singleSupplierForm.value);

  this.api
      .orgSupplier(this.singleSupplierForm.value)
      .subscribe(
        result => {
          console.log('data submitted!');
          this.singleSupplierFormStatus = 'success';
          console.log(this.singleSupplierFormStatus);
        },
        error => {
          console.log( error._body );
          this.singleSupplierFormStatus = 'send_failed';
          console.log(this.singleSupplierFormStatus);
        }
      );
  }

  onSubmitEmployee() {
   console.log(this.employeeForm.value);

  this.api
      .orgEmployee(this.employeeForm.value)
      .subscribe(
        result => {
          console.log('data submitted!');
          this.employeeFormStatus = 'success';
          console.log(this.employeeFormStatus);
        },
        error => {
          console.log( error._body );
          this.employeeFormStatus = 'send_failed';
          console.log(this.employeeFormStatus);
        }
      );
  }

}