<template>
	<v-container fluid fill-height class="justify-center primary">
		<v-container>
			<v-row>
				<v-col cols="12" class="text-center">
					<img src="/images/zlock-logo.svg" style="width: 40vmin;" @dblclick="toLogin()">
					<div class="pt-12">
						<v-progress-circular
							indeterminate
							color="secondary"
							size="40"
						></v-progress-circular>
					</div>
				</v-col>
				<!-- <v-col cols="12" md="6" class="text-center px-12">
					<img src="/images/zlock-locker-man.svg" style="width: 100%;">
				</v-col> -->
				<!-- <v-col 
					cols="12" md="6" 
					class="white--text text-center px-3" 
					align-self="center"
				>
					<div class="headline font-weight-bold">Title</div>
					<div class="pt-3">Content</div>
					<div class="pt-3">
						<a href="https://apps.apple.com/my/app/qera/id1523597149">
							<img alt="Get it on App Store" src="https://storage.googleapis.com/qera_testing_bucket/public/iOS_logo/black_logo_US.png" style="width:130px;margin-bottom:9px">
						</a>
						<a href="https://play.google.com/store/apps/details?id=com.advisoryapps.qera&hl=en">
							<img alt="Get it on Google Play" src="https://storage.googleapis.com/qera_testing_bucket/public/google_play_logo/google_play_logo.png" style="width:165px">
						</a>
					</div>
				</v-col> -->
			</v-row>
		</v-container>
	</v-container>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	mounted(){
		window.location.replace('https://zlock.com.my/')
	},
	methods:{
		toLogin(){
			this.$router.push("/login")
		}
	}
}
</script>