<template>
  <div style="position: relative;background-color: white;" class="text-normal pb-10" >
    <div class="text-center txt-black py-8 mx-auto" style="width: 90%;">
      <div
        class="text-subtitle mx-10 text-center  box-order mx-auto my-5 txt-black"

        v-if="
          getUsername == '' || getUsername == null || getUsername == undefined
        "
      >
        ขั้นตอนที่
        <v-avatar color="#b2c573" class="text-subtitle">3</v-avatar>
      </div>
      <div class="text-title my-3">เข้าสู่ระบบหากคุณได้แสดงตนสำเร็จแล้ว</div>

      <v-btn
        elevated
        color="#B2C573"
        class="mt-4 text-normal"
        style="color: #0f470f"
        size="large"
        height="80"
        @click="checkPage"
      >
        <span class="text-normal" style="white-space: break-spaces;">เข้าสู่ระบบสำหรับผู้แสดงตนแล้ว</span>
      </v-btn>
    </div>
  </div>
</template>
<script>
import { mapGetters } from "vuex";

export default {
  computed: {
    ...mapGetters(["getUsername"]),
  },
  methods: {
    checkPage() {
      this.$store.commit("setCheckPage", true);
      this.$router.push("/login");
    },
  },
};
</script>
<style></style>
