import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { LoginSvc } from '../../providers/login/login.service';
import { AppInit } from '../../providers/app-init/app-init';
import { AppUtil } from '../../providers/app-util/app-util';
import { SyncManagerSvc } from '../../providers/sync-manager/sync-manager';
import { NetworkSvc } from "../../providers/network/network-service";

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {

  public data = {
    username: '',
    password: ''
  }
  loginFailed=false;
  errorMessage;

  inputType="password";
  passClass="eye";

  constructor(public appInit: AppInit, public loginSvc: LoginSvc, public appUtil: AppUtil,
    public navCtrl: NavController, public navParams: NavParams, public syncManager: SyncManagerSvc,
    public networkSvc: NetworkSvc) {
  }

  public goToSettings() {
    this.navCtrl.push('SettingPage');
  }

  public login() {
    var me=this;
    this.networkSvc.isDeviceOnline(function (res) {
      if (!res) {
        this.loginFailed = true;
        this.errorMessage = {
          "Error": "No Network Available, Network Require to login"
        };
      } else {
        var param = {
          username: me.data.username,
          password: me.data.password
        }
        if( (!param.username) || (!param.password) || param.username.trim() == "" || param.password.trim() == "") {
          me.errorMessage = {
            "Error": "Enter username and password"
          };
          me.loginFailed = true;
          return;
        }
        me.appUtil.showLoading();
        me.loginSvc.doLogin({
          username: me.data.username,
          password: me.data.password
        }).then((res) => {
          console.info("LoginCtrl -> LoginSvc.doLogin() -> doLogin Response Success", res);
          me.appInit.getAppInstance().then((res) => {
            me.appInit.syncSysConfigData().then((res) => {
              me.syncManager.automateSync().then(function (res) {
                me.appUtil.hideLoading();
                me.navCtrl.setRoot('HomePage');
              }, function (err) {
                me.appUtil.hideLoading();
                me.navCtrl.setRoot('HomePage');
                console.error("LoginCtrl -> LoginSvc.doLogin() -> Error on SYNC: ", res);
              });
              me.navCtrl.setRoot('HomePage');
            });
          }, (err) => {
            console.error("LoginCtrl -> LoginSvc.doLogin() -> Error on Login: ", err);
            me.loginFailed = true;
            me.errorMessage = res;
          });
        }, (rej) => {
          me.appUtil.hideLoading();
          console.error("LoginCtrl -> LoginSvc.doLogin() -> Error on Login: ", rej);
          me.loginFailed=true;
          me.errorMessage=rej;
        });
      }
   });
  }
  /* } */

  
  validateLogin($event) {
    var keyCode = $event.which || $event.keyCode;
    if (keyCode == 13) {
      this.login();
    }
  }

  showpassword(){
    if(this.inputType=="password"){
      this.inputType="text";
      this.passClass="eye-off";
    }else{
      this.inputType="password";
      this.passClass="eye";
    }
  }

}