import { Component } from '@angular/core';
import { Logger } from '../core/logger';
import { 
  FormGroup,
  FormControl,
  Validators,
  FormBuilder,
  AbstractControl,
  ValidationErrors
} from '@angular/forms';
import { OrgService } from '../core/org.service';
import { Org } from '../shared/org';
import { AppError } from '../shared/error';
import { Util } from '../shared/util';

@Component({
  selector: 'app-neworg',
  templateUrl: 'neworg.html'
})
export class NewOrgPage {
  public form: FormGroup;
  public error: AppError;
  public joinOrgForm: FormGroup;
  public joinOrgError: AppError;

  constructor(
    private log: Logger,
    private orgService: OrgService,
    private fb: FormBuilder
   ) {
    this.form = fb.group({
      'name': ['', Validators.required],
      'currency': ['USD', Validators.required],
      'precision': [2, Validators.required],
      'createDefaultAccounts': [true, Validators.required]
    });

    this.joinOrgForm = fb.group({
      'inviteId': [null, Validators.required]
    });
  }

  onSubmit() {
    //this.dataService.setLoading(true);
    let org = new Org(this.form.value);
    org.id = Util.newGuid();

    this.log.debug(org);

    this.orgService.newOrg(org, this.form.value['createDefaultAccounts'])
      .subscribe(
        org => {
          this.log.debug(org);
        },
        error => {
          //this.dataService.setLoading(false);
          this.log.debug('An error occurred!');
          this.log.debug(error);
          this.error = error;
        }
    );
  }

  joinOrgSubmit() {
    this.log.debug('join org');
    this.log.debug(this.joinOrgForm.value.id);
    this.orgService.acceptInvite(this.joinOrgForm.value.inviteId)
      .switchMap(invite => {
        return this.orgService.selectOrg(invite.orgId)
      })
      .subscribe(org => {
        console.log('joined org ' + org.id);
      }, err => {
        this.joinOrgError = err;
      })
  }
}