<template>
  <footer class="site--footer">
    <div class="container">
      <div class="footer--nav">
        <div class="row">
          <div class="col-2 goUp" @click="goUp">
            <p>برو بالا</p>
          </div>
          <div class="col-10 nav--links">
            <div class="social">
              <ul v-if="storeInfo && storeInfo.socials">
                <li v-if="storeInfo.socials.whatsaap">
                  <a :href="storeInfo.socials.whatsaap" target="_blank">
                    <IconsWhatsApp/>
                  </a>
                </li>
                <li v-if="storeInfo.socials.twitter">
                  <a :href="storeInfo.socials.twitter" target="_blank">
                    <IconsTweeter/>
                  </a>
                </li>
                <li v-if="storeInfo.socials.facebook">
                  <a :href="storeInfo.socials.facebook" target="_blank">
                    <IconsFacebook/>
                  </a>
                </li>
                <li v-if="storeInfo.socials.instagram">
                  <a :href="storeInfo.socials.instagram" target="_blank">
                    <IconsInstagram/>
                  </a>
                </li>
                <li v-if="storeInfo.socials.googlePlus">
                  <a :href="storeInfo.socials.googlePlus" target="_blank">
                    <IconsGooglePlus/>
                  </a>
                </li>
              </ul>
            </div>
            <div class="copyRight">
              <h4>© COPYRIGHT BY BARG RESTAURANT</h4>
              <p>DESIGNED AND DEVELOPED BY <a href="https://danakcorp.com" target="_blank">DANAK CORPORATION</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>


export default {
  data(){
    return{
      storeInfo : null
    }
  },
  methods: {
    goUp() {
      this.$gsap.to($(window), {
        scrollTo: 0, duration: function () {
          if ($('.simplebar-content').height() < window.innerHeight * 2) {
            return 0.5
          } else {
            return 1.5
          }
        }
      })
      this.$store.commit('global_vars/_isS1', true)
    }
  },
  async fetch() {
    try {
      const storeInfo = await this.$axios.get(`/api/public/storeInfo/`)
      this.storeInfo = storeInfo.data
      this.$store.commit('global_vars/_storeId' , this?.storeInfo?._id)
    } catch (e) {
      console.log('footer ******' , e.message)
    }
  },
}
</script>
