import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';
import { AlertController, LoadingController, NavController } from 'ionic-angular';
import { StatusBar } from 'ionic-native';
import * as $ from "jquery";
import CityscootAPI from "../../cityscoot/cityscoot_api"

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

  constructor(private http: Http, public navCtrl: NavController, public alertCtrl: AlertController, public loadingController: LoadingController,) {
    StatusBar.backgroundColorByHexString('#0057b8');
  }

  /**
   * Do login for the account desired
   */
  doLogin() {
    var self = this;
    let loader = this.loadingController.create({content: "Authentification en cours .."});
    loader.present();

    let username = $("[data-username]").val().trim();
    let password = $("[data-password]").val().trim();
    let token = null;
    var loginData = {
      UDID: "ionic",
      OS: "Android",
      Version: "1.0",
      Material: "ionic",
      AppVersion: "3.0.0"
    };

    CityscootAPI.login(username, password, token, loginData, function(res) {
      loader.dismiss();

      console.log(res);

      // Handle per result
      switch(res.Result) {
        case 1: // Success

        break;

        case 2: // Fail
        let alert = self.alertCtrl.create({
          title: 'Erreur de connexion',
          subTitle: res.Comment,
          buttons: ['OK']
        });
        alert.present();
        break;
      }

    });
  }
}