import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { SignupPage } from '../signup/signup'
import { SettingsPage } from '../settings/settings';
import { ActionSheetController } from 'ionic-angular';
import {TranslateService} from '@ngx-translate/core';
import { DashboardPage } from '../dashboard/dashboard';
import { Storage } from '@ionic/storage';
import { AngularFireAuth } from 'angularfire2/auth';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  signup = SignupPage;
  settings = SettingsPage;
  dashboard = DashboardPage;
  username : any;
  pass : any;


  translate: TranslateService;


  constructor(public navCtrl: NavController,
    public actionSheetCtrl: ActionSheetController,
    private storage: Storage,
    translate: TranslateService, public afAuth : AngularFireAuth) {


    this.translate = translate;



  }

  ionViewDidLoad(){

    this.storage.get("lang").then( (val) => {

    if(val == null){
      return this.showActionSheet()
    }
    this.translate.use(val)

    })


  }

  showActionSheet(){
    let actionSheet = this.actionSheetCtrl.create({
      title: 'Idioma / Language',
      buttons: [
        {
          text: 'English',
          role: 'destructive',
          handler: () => {
            console.log('English clicked');
            this.storage.set("lang", "en")
            this.translate.use("en")

          }
        },{
          text: 'Español',
          handler: () => {
            console.log('Español clicked');
            this.storage.set("lang", "es")
            this.translate.use("es")

          }
        }
      ]
    });
    actionSheet.present();

  }

  signIn(){
    this.afAuth.auth.signInWithEmailAndPassword(this.username, this.pass).then ( (val) =>{
      console.log(val)
      this.navCtrl.setRoot(this.dashboard,null,{
        "animate" : true,
        "animation" : "md-transition"
      })
    }
  ).catch( (err) => {
    console.log(err)
  })


  }

}