<template>
  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-8 mb-3 mb-md-0 links">
          <logo/>
          <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>
              &nbsp &nbsp - &nbsp &nbsp
              <b>{{ staticData.t3 }}</b> <a :href="'tel:' + $store.state.global.fax">{{ $store.state.global.fax_view }}</a>
            </p>
          </div>
        </div>
        <div class="col-12 col-md-4 social">
          <ul class="social-links">
            <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>{{ staticData.t5 }}</p>
          <p class="blue"><b>{{ staticData.t4 }}</b> <a :href="'mailto:' + $store.state.global.email">{{ $store.state.global.email }}</a></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>

