<template>
  <footer class="footer footer--home">
    <div class="container">
      <div class="row">
        <div class="xol-12 col-md-8 mb-5 mb-md-0 links">
          <div class="logo">
            <logo/>
            <span>{{ staticData.t6 }}</span>
          </div>
          <div class="box">
            <p><b>{{ staticData.t1 }}</b> <span>{{ $store.state.global.address[$route.params.lang] }}</span></p>
            <hr>
            <p class="red"><b>{{ staticData.t2 }}</b> <a :href="'tel:' + $store.state.global.tell">{{ $store.state.global.tell_view }}</a></p>
            <p class="red"><b>{{ staticData.t3 }}</b> <a :href="'tel:' + $store.state.global.fax">{{ $store.state.global.fax_view }}</a></p>
            <ul class="social-links red">
              <li>
                <a :href="$store.state.global.instagram_url" target="_blank">
                  <i class="fab fa-instagram"></i>
                </a>
              </li>
              <li>
                <a :href="$store.state.global.linkedin_url" target="_blank">
                  <i class="fab fa-linkedin-in"></i>
                </a>
              </li>
            </ul>
            <p class="blue"><b>{{ staticData.t4 }}</b> <a :href="'mailto:' + $store.state.global.email">{{ $store.state.global.email }}</a></p>
          </div>
        </div>
        <div class="xol-12 col-md-4 map">
          <img src="~/assets/img/footer-map.jpg" alt="">
          <p>{{ staticData.t5 }}</p>
        </div>
      </div>
    </div>
    <div class="footer-bar"></div>
  </footer>
</template>

<script>
export default {
  computed: {
    staticData() {
      return this.$store.state.staticData.footer[this.$route.params.lang]
    }
  }
}
</script>
