import { Component } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
import { AccPvdProvider } from '../../providers/acc-pvd/acc-pvd'
import { GoPage } from '../go/go';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  providers: [AccPvdProvider]
})
export class HomePage {

  constructor(
  	public navCtrl: NavController,
	public accpvd : AccPvdProvider,
	public alert: AlertController ) {

  }

  accounts:number[][];
  data:any
  acc: string;
  pass: string;

  Login(){

    let alertlogin = this.alert.create({
      title: 'Failed',
      buttons:['Try again']
    });
    this.accpvd.login({
      'acc': this.acc,
      'pass': this.pass
    }).subscribe(data =>{

      let dataa = {
        'body': data
      }
      if(data.length == 0) alertlogin.present();
      else this.navCtrl.push(GoPage, dataa);
    });
  }


  GetAll(){
  	var arr = [[],[]];
  	this.accpvd.getall().subscribe(data => {
  		console.log(data);
  		var i,j;
  		for(i in data){
  			arr[i] = Object.keys(data[i]).map(function (key) { return data[i][key]; });
  		}
  	});

  	this.accounts = arr;
  }

  Create(){


  	this.accpvd.createnew({
  		"acc":this.acc,
  		"pass":this.pass
  	}).subscribe(data => {
  		console.log(data);
  	});
  	let alert1 = this.alert.create({
  		title: 'Welcome!',
  		buttons:['OK']
  	});
  	alert1.present();
  }

  Delete(id){
  	//document.write(id);
  	this.accpvd.deleteone(id).subscribe(data => {
  		console.log(data);
  	});
  	let alert2 = this.alert.create({
  		title: 'Done',
  		buttons:['OK']
  	})
  	alert2.present();
    this.GetAll();
  }

  Edit(){
    this.accpvd.updateone({
      "acc":this.acc,
      "pass":this.pass
    }).subscribe(data => {
      console.log(data);
    });
    let alert3 = this.alert.create({
      title: 'Updated!',
      buttons:['OK']
    });
    alert3.present();
    this.GetAll();
  }

}