<template lang="pug">
  v-container
    v-card-title.d-block.text-h5.text-center(v-text="$t('setup.completed')")
    v-card-text(v-html="$t('setup.completed_description', user)")
    v-card-actions
      v-btn(text @click='next' color='primary' :loading='loading' :disabled='loading') {{$t('setup.start')}}
        v-icon mdi-arrow-right
</template>
<script>

export default {
  data () {
    return {
      loading: false,
      user: {
        email: 'admin',
        password: ''
      }
    }
  },
  methods: {
    next () {
      window.location='/admin'
    },
    async start (user) {
      this.user = { ...user }
      this.loading = true

      try {
        await this.$axios.$get('/ping')
        this.loading = false
      } catch (e) {
        setTimeout(() => this.start(user), 1000)
      }
    }
  }
}
</script>