<template>
  <div class="representation--page page">
    <section class="enroll">
      <div class="container">
        <div class="row">
          <div class="col-12"></div>

          <div class="col-12">
            <!---------------------- check for user login ---------------------->
            <div v-if="!$auth.loggedIn || !$auth.hasScope('user') " class="panel not-logged-in">
              <h3>
                <span> برای ثبت درخواست نمایندگی باید </span>
                <nuxt-link :to="{ name: 'auth-login-register', query: { path: 'representation-enroll' } }"
                  >وارد حساب کاربری</nuxt-link
                >
                <span> خود شوید. چنانپه حساب کاربری ندارید </span>
                <nuxt-link
                  :to="{ name: 'auth-login-register', query: { action: 'register', path: 'representation-enroll' } }"
                  >ثبت نام کنید.
                </nuxt-link>
              </h3>
            </div>
            <!---------------------- check user for confirm ---------------------->
            <div v-else-if="!userConfirm" class="panel is-agent">
              <h3>
                <span> برای ثبت درخواست نمایندگی باید </span>
                <nuxt-link :to="{ name: 'account' }"
                  > حساب کاربری</nuxt-link
                >
                <span> خود را تایید کنید.  </span>
  
              </h3>
            </div>

            <!---------------------- check if user already is agent ---------------------->
            <div v-else-if="$auth.loggedIn && $auth.hasScope('user') && user.isAgent" class="panel is-agent">
              <h3>
                <span> حساب کاربری شما به حساب نماینده تبدیل شده است،</span>
                <nuxt-link :to="{ name: 'account' }">وارد پنل نمایندگی</nuxt-link>
                <span> شوید. </span>
              </h3>
            </div>

            <!---------------------- check if user already requested  ---------------------->
            <EnrollRepresentationAssets
              v-else-if="$auth.loggedIn && $auth.hasScope('user') && user.askedForRepresentation"
            />

            <!---------------------- request form ---------------------->
            <EnrollRepresentationForm v-else />
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  name: 'EnrollRepresentationPage',
  data() {
    return {
      waiting: false
    }
  },
  head() {
    return {
      title: 'آسان سرویس | ثبت درخواست نمایندگی'
    }
  },
  computed: {
    user() {
      return this.$auth.user
    },
    userFullName() {
      return this.user.first_name + ' ' + this.user.last_name
    },
    userConfirm() {
      return this.user.confirmed
    }
  },
  methods: {}
}
</script>
