import { GlobalStore, UserStore } from '@store'
import Vue from 'vue'
import { Component, Prop, Watch } from 'vue-property-decorator'
import { serv_constants } from '../../../store/Modules/serv_constants'
import { tools } from '../../../store/Modules/tools'

import { ISigninOptions, IUserState } from 'model'
import { TSignin, validations } from './signin-validate'

import { validationMixin } from 'vuelidate'

import { Logo } from '../../../components/logo'

import router from '@router'

import globalroutines from '../../../globalroutines/index'

// import {Loading, QSpinnerFacebook, QSpinnerGears} from 'quasar'

@Component({
  mixins: [validationMixin],
  validations,
  components: { Logo }
})

export default class Signin extends Vue {
  public $v
  public $q
  public loading: boolean
  public $t: any
  public iswaitingforRes: boolean = false

  public signin: ISigninOptions = {
    username: process.env.TEST_USERNAME || '',
    password: process.env.TEST_PASSWORD || ''
  }

  public created() {
    this.$v.$reset()

    if (UserStore.state.resStatus === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN) {
      tools.showNotif(this.$q, this.$t('fetch.error_doppiologin'))
    }

    // this.$myconfig.socialLogin.facebook = true
    // console.log('PROVA fb:', this.$myconfig.socialLogin.facebook)
  }

  public env() {
    return process.env
  }


  public getlinkforgetpwd() {
    return '/requestresetpwd'
  }

  public errorMsg(cosa: string, item: any) {
    try {
      if (!item.$error) { return '' }
      if (item.$params.email && !item.email) { return this.$t('reg.err.email') }

      if (!item.required) { return this.$t('reg.err.required') }
      if (!item.minLength) { return this.$t('reg.err.atleast') + ` ${item.$params.minLength.min} ` + this.$t('reg.err.char') }
      if (!item.maxLength) { return this.$t('reg.err.notmore') + ` ${item.$params.maxLength.max} ` + this.$t('reg.err.char') }
      return ''
    } catch (error) {
      // console.log("ERR : " + error);
    }
  }

  public checkErrors(riscode) {
    // console.log('checkErrors: ', riscode)
    try {
      if (riscode === tools.OK) {
        tools.showNotif(this.$q, this.$t('login.completato'), { color: 'positive', icon: 'check'})
        this.$router.push('/')
      } else if (riscode === serv_constants.RIS_CODE_LOGIN_ERR) {

        // Wait N seconds to avoid calling many times...
        return new Promise(function(resolve, reject) {
          setTimeout(function() {
            resolve('anything')
          }, 3000)
        }).then(() => {
          setTimeout( () => {
            this.$q.loading.hide()
          }, 200)
          tools.showNotif(this.$q, this.$t('login.errato'))
          this.iswaitingforRes = false
          this.$router.push('/signin')
        })

      } else if (riscode === tools.ERR_SERVERFETCH) {
        tools.showNotif(this.$q, this.$t('fetch.errore_server'))
      } else if (riscode === tools.ERR_GENERICO) {
        const msg = this.$t('fetch.errore_generico') + UserStore.mutations.getMsgError(riscode)
        tools.showNotif(this.$q, msg)
      } else {
        tools.showNotif(this.$q, 'Errore num ' + riscode)
      }

      if (riscode !== serv_constants.RIS_CODE_LOGIN_ERR) {
        this.iswaitingforRes = false
        setTimeout( () => {
          this.$q.loading.hide()
        }, 200)
      }

    } finally {

    }
  }

  public redirect(response) {
    this.loading = false
    window.location.href = response.data.redirect
  }

  public error(error) {
    this.loading = false
    this.$errorHandler(this, error)
  }

  public facebook() {
    this.loading = true
    this.$axios.get('/backend/loginFacebook')
      .then((response) => this.redirect(response))
      .catch((error) => this.error(error))
  }

  public google() {

  }

  public submit() {
    this.$v.signin.$touch()

    if (this.$v.signin.$error) {
      tools.showNotif(this.$q, this.$t('reg.err.errore_generico'))
      return
    }

    let msg = this.$t('login.incorso')
    if (process.env.DEBUG) {
      msg += ' ' + process.env.MONGODB_HOST
    }
    this.$q.loading.show({ message: msg})
    // disable Button Login:
    this.iswaitingforRes = true

    if (process.env.DEBUG) {
      console.log('this.signin', this.signin)
    }

    UserStore.actions.signin(this.signin)
      .then((riscode) => {
        // console.log('signin FINITO CALL: riscode=', riscode)
        if (riscode === tools.OK) {
          router.push('/signin')
        }
        return riscode
      }).then((riscode) => {
        if (UserStore.state.lang !== '') {
          this.$i18n.locale = UserStore.state.lang
        }    // Set Lang
        else {
          UserStore.mutations.setlang(this.$i18n.locale)
        }     // Set Lang

        // console.log('LANG ORA=', UserStore.state.lang)

        globalroutines(this, 'loadapp', '')
        return riscode
      })
      .then((riscode) => {
        if (riscode === tools.OK) {
          GlobalStore.actions.createPushSubscription()
            .then((rissub) => {

            })
            .catch((e) => {
              console.log('ERROR Subscription = ' + e)
            })
        }

        this.checkErrors(riscode)

      })
      .catch((error) => {
        console.log('ERROR SIGNIN = ' + error)

        this.checkErrors(error)
      })

  }
}