<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zatstore</title>
<link rel="stylesheet"
href="../../../../css/app.css?v=cc6b13454aedf0534b57db5ef9234d8e986a42b1
">
<script src="/js/vue.js?v=2.7.3"></script>
<script src="/js/axios.js?v=1.0"></script>
<script src="https://kit.fontawesome.com/70e13c3477.js"></script>
</head>
<body>
<div class="max-w-[600px] p-4 mx-auto h-screen flex items-center">
<div>
<h1 class="text-4xl text-gray-500 font-bold">
403
</h1>
<h1 class="text-4xl font-bold my-3">
Website Expired.
</h1>
<p class="text-lg text-gray-500 ">
Hubungi Admin untuk informasi lebih lanjut.
</p>
<div id="app">
<div v-if="loading" class="text-green-500 text-xs mt-4">
<i class="iconify ph--spinner animate animate-spin"></i>
Sedang mengecek status
</div>
<div v-if="!loading&&!data.status" class="mt-4 bg-red-100 text-red-600 p-2">
<div class="text-sm">
{{ data.error_msg }}
</div>
<div class="text-xs text-gray-500" v-if="data.data">
</div>
</div>
<div v-if="!loading&&data.status" class="mt-4 bg-green-100 text-green-600 p-2">
<div class="text-sm">
{{ data.message }}
</div>
<div class="text-xs text-gray-500" v-if="data.data">
</div>
</div>
</div>
</div>
</div>
</body>
<script>
const app = new Vue({
el: "#app",
data() {
return {
data: [],
loading: false
}
},
mounted() {
console.log("mounted");
},
methods: {
async checkApi() {
try {
this.loading = true
const res = await axios.get('/ping')
this.loading = false
this.data = res.data
} catch (error) {
}
}
}
})
</script>
</html>