<template>
  <section class="home--page page--container d-flex justify-content-center">
    <SiteHeader/>
    <div class="d-flex flex-column align-self-center" style="padding: 50px 8px; text-align: center">
      <div v-if="$route.query.code" class="text-invite">
        <p>بعد از نصب اپلیکیشن از طریق لینک های زیر هنگام ثبت نام کد زیر را در کادر کد دعوت وارد کنید:</p>
        <p class="invite-code">
          <span @click="copyText()" id="code">{{$route.query.code}}</span>
        </p>
      </div>
      <div class="download-app d-flex flex-column justify-content-center">
        <a href="/app/barg.apk">
          <img src="/img/Android.png" style="width: 250px" alt="دانلود اندروید">
        </a>
        <a href="https://anardoni.com/ios/app/M5nS-_TLU">
          <img src="/img/anardoni.png" alt="دانلود از اناردونی" style="width: 250px;" />
        </a>
        <a href="https://iapps.ir/app/برگ-من/995773100">
          <img src="https://developer.iapps.ir/images/Iapps-Badge-Black.svg" alt="دانلود از آی اپس" style="width: 250px;" />
        </a>
        <a href="https://app.bargrestaurant.com">
          <img src="/img/pwa.png" alt="pwa" style="width: 250px;" />
        </a>
      </div>
    </div>
    <SiteFooter/>
  </section>
</template>

<script>
export default {
  layout: 'blank',
  data() {
    return {
      payment: null
    }
  },
  computed: {},
  watch: {},
  methods:{
    copyText(){
      const copyText = document.getElementById("code");
      navigator.clipboard.writeText(copyText.innerText);
      this.$message({
        message: 'کپی شد!',
        type: 'success',
        center: false
      });
    },
    back(){

    }
  },
  async asyncData({$axios, query, error}) {

  }
}
</script>

<style scoped>

</style>
