<template>
  <div class="page--container d-flex justify-content-center bg-payResult">
    <el-card class="d-flex align-self-center justify-content-center w-100" style="padding: 85px 40px; text-align: center">
      <div class="row">
        <i v-if="payment.status" class="fal fa-check-circle" style="font-size: 200px; color: #8DC640"></i>
        <i v-else class="fal fa-times-circle" style="font-size: 200px; color: red"></i>
      </div>
      <div class="row mt-4">
        <h2>{{ payment.message }}</h2>
      </div>
      <div v-if="payment.status" class="row mt-4">
        <h3 class="mb-3" style="line-height: 1.5;">نوش جانتان از اعتماد و خرید شما متشکریم</h3>
        <h3> مجموعه برگ</h3>
      </div>
      <div v-if="payment.refId" class="row mt-4">
        <p class="mb-3">{{ `شماره پیگیری پرداخت شما` }}</p>
        <p>{{ payment.refId }}</p>
      </div>
      <div class="row mt-4">
        <template v-if="payment.fromWhere === 'app'">
          <a v-if="payment.status" class="btn btn-success-result" href="barg://route/order/true">برگشت</a>
          <a v-else class="btn btn-failed-result" href="barg://route/drawer/false">برگشت</a>
        </template>
        <template v-else>
          <a v-if="payment.status" class="btn btn-success-result" href="https://app.bargrestaurant.com/order">برگشت</a>
          <a v-else class="btn btn-failed-result" href="https://app.bargrestaurant.com/home">برگشت</a>
        </template>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  layout: 'blank',
  data() {
    return {
      payment: null
    }
  },
  computed: {},
  watch: {},
  methods: {
    back() {

    }
  },
  async asyncData({$axios, query, error}) {
    try {
      const pay = await $axios.get(`/api/public/order/responsePayment?Authority=${query.Authority}&Status=${query.Status}`)
      return {
        payment: pay.data
      }
    } catch (e) {
      if (e?.response?.status === 401) {
        error({
          status: 401,
          message: 'شما اجازه دسترسی به این صفحه را ندارید لطفا دوباره وارد شوید'
        })
      } else {
        error({
          status: 500,
          message: "مشکلی در گرفتن اطلاعات بوجود آمده است",
        });
      }
    }
  }
}
</script>

<style scoped>

</style>
