<template>
	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-8 links">
					<logo/>
					<div class="box">
						<p><b>{{staticData.t1}}</b> <span>{{staticData.address}}</span></p>
						<!--						<hr>-->
						<p class="red">
							<b>{{staticData.t2}}</b> <a :href="'tel:' + staticData.fax">{{staticData.tell}}</a>
							&nbsp &nbsp - &nbsp &nbsp
							<b>{{staticData.t3}}</b> <a :href="'tel:' + staticData.fax">{{staticData.fax}}</a>
						</p>
					</div>
				</div>
				<div class="col-4 social">
					<ul class="social-links">
						<li>
							<a href="" target="_blank">
								<em class="fab fa-facebook-f"></em>
							</a>
						</li>
						<li>
							<a href="" target="_blank">
								<em class="fab fa-twitter"></em>
							</a>
						</li>
						<li>
							<a href="" target="_blank">
								<em class="fab fa-telegram-plane"></em>
							</a>
						</li>
					</ul>
					<p>{{staticData.t5}}</p>
					<p class="blue"><b>{{staticData.t4}}</b> <a :href="'mailto:' + staticData.email">{{staticData.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>

