<template>
  <div>
    <div class="has-background-light px-5 pt-4 pb-5">
      <Caption v-bind="{ title: 'Đăng ký cộng tác viên' }"></Caption>
      <div class="columns is-multiline mx-0 mt-3">
        <div class="column is-4">
          <div class="field">
            <label class="label">Họ tên<b class="ml-1 has-text-danger">*</b></label>
            <div class="control">
              {{ reginfo.user__fullname }}
            </div>
          </div>
        </div>
        <div class="column is-4">
          <div class="field">
            <label class="label">Ngày đăng ký<b class="ml-1 has-text-danger">*</b></label>
            <div class="control">
              {{ $dayjs(reginfo.create_time).format('DD/MM/YYYY') }}
            </div>
          </div>
        </div>
        <div class="column is-4">
          <div class="field">
            <label class="label">Trạng thái<b class="ml-1 has-text-danger">*</b></label>
            <div class="control">
              <span class="tag is-success is-medium">{{ reginfo.status__name }}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-5" v-if="reginfo.status__code === 'wait'">
      <p class="fs-16 has-text-primary">Bạn đã đăng ký thành công. Vui lòng chờ phản hồi từ {{ company.name }}. Xin cảm ơn.</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return{
      company: this.$company(),
    }
  },
  props: ['reginfo']
}
</script>
