<template>
	<footer class="footer footer--home">
		<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><b>{{staticData.t2}}</b> <a :href="'tel:' + staticData.fax">{{staticData.tell}}</a></p>
						<p><b>{{staticData.t3}}</b> <a :href="'tel:' + staticData.fax">{{staticData.fax}}</a></p>
						<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><b>{{staticData.t4}}</b> <a :href="'mailto:' + staticData.email">{{staticData.email}}</a></p>
					</div>
				</div>
				<div class="col-4 map">
					<img src="~/assets/img/footer-map.jpg" alt="">
					<p>{{staticData.t5}}</p>
				</div>
			</div>
		</div>
	</footer>
</template>

<script>
   export default {
      computed: {
         staticData() {
            if (this.$route.params.lang === 'fa') {
               return this.$store.state.staticData.footer.fa
            } else if (this.$route.params.lang === 'en') {
               return this.$store.state.staticData.footer.en
            }
         }
      }
   }
</script>
