<template>
  <div>
    <div class="box ph-30">
      <el-card>
        <single-sign-step v-if="user.utype=='1'" activeStep="3" :language="language"/>
        <team-sign-step v-if="user.utype=='2'" activeStep="4" :language="language"/>
      </el-card>
      <el-card class="mt20">
        <div class="flexCenter pd20">
          <img src="@/assets/img/e.png"/>
          <div>
            <div>账号：{{ user.userName }}</div>
            <h3>报名信息提交成功</h3>
          </div>
        </div>
        <div class="text-center  flexCenter">
          <div class="border-info mt20">
            审核结果，后续将以邮件形式正式通知您。
            <br/>
            邮件发送账号：<span class="text-primary">{{ user.email }}</span>
            ，请关注相关邮件通知。
            <br/>
            如果您的报名信息审核通过，邮件正文会附上相关费用的支付链接，请通过链接完成支付，完成报名。
          </div>
        </div>

        <div class="text-center mt30 mb20">
          <el-button class="primary-kx w200px" round @click="goHome">{{ language == 0 ? '返回首页' : 'Homepage' }}</el-button>
          <el-button type="primary" class="btn-lineG w200px" round @click="goSign">{{ language == 0 ? '返回赛事报名模块' : 'Sign Up' }}</el-button>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script setup>
import TeamSignStep from './components/teamSignStep'
import SingleSignStep from './components/singleSignStep'
const router = useRouter()
import useUserStore from "@/store/modules/user"
import {ref} from "vue"
import cache from "@/plugins/cache"
import {useRouter} from "vue-router";

const language = ref(cache.local.get('language') || 0)
const user = useUserStore().user

const goHome = () => {
  router.push({
    name: `home`
  })
}
const goSign = () => {
  router.push({
    name: `matchDetail`,
    params:{id:0}
  })
}
</script>

<style scoped lang="scss">
.border-info{padding: 30px;line-height: 2;}
</style>