import { Component } from '@angular/core';
import { AbstractControl, FormBuilder, FormGroup, ValidationErrors, Validators } from '@angular/forms';
import { AlertController, NavController, NavParams } from 'ionic-angular';
import { AddressBookProvider } from '../../../../providers/address-book/address-book';
import { BwcProvider } from '../../../../providers/bwc/bwc';
import { Logger } from '../../../../providers/logger/logger';
import { AddressValidator } from '../../../../validators/address';

@Component({
  selector: 'page-addressbook-add',
  templateUrl: 'add.html',
})
export class AddressbookAddPage {

  private addressBookAdd: FormGroup;

  public submitAttempt: boolean = false;

  constructor(
    private navCtrl: NavController,
    private navParams: NavParams,
    private alertCtrl: AlertController,
    private bwc: BwcProvider,
    private ab: AddressBookProvider,
    private formBuilder: FormBuilder,
    private logger: Logger
  ) {
    this.addressBookAdd = this.formBuilder.group({
      name: ['', Validators.compose([Validators.required, Validators.pattern('[a-zA-Z0-9 ]*')])],
      email: ['', this.emailOrEmpty],
      address: ['', Validators.compose([Validators.required, new AddressValidator(this.bwc).isValid])]
    });
  }

  ionViewDidLoad() {
    this.logger.info('ionViewDidLoad AddressbookAddPage');
  }

  ionViewWillEnter() {
    this.addressBookAdd.value.address = this.navParams.data.addressbookEntry;
  }

  private emailOrEmpty(control: AbstractControl): ValidationErrors | null {
    return control.value === '' ? null : Validators.email(control);
  }

  public save() {
    this.submitAttempt = true;

    if (this.addressBookAdd.valid) {
      this.ab.add(this.addressBookAdd.value).then((ab) => {
        this.navCtrl.pop();

      }).catch((err) => {
        let opts = {
          title: err,
          buttons: [{
            text: 'OK',
            handler: () => {
              this.navCtrl.pop();
            }
          }],
        }
        this.alertCtrl.create(opts).present();
      });
    }
    else {
      let opts = {
        title: 'Error',
        message: 'Could not save the contact',
        buttons: [{
          text: 'OK',
          handler: () => {
            this.navCtrl.pop();
          }
        }],
      }
      this.alertCtrl.create(opts).present();
    }
  }

}