<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
    <meta charset="UTF-8">
    <title>访问出错 - 403</title>
</head>
<body>
<div style="box-sizing: border-box;
    font-size: 1em;
    line-height: 1.6em;
    margin: 14vh auto 0;
    max-width: 600px;
    width: 100%;
    text-align:center;
">
    <img src="/wengine-auth-static/failed.png" alt="" style="width:200px;height:200px;">
    <div style="margin-top:40px; color:#535353; text-align:left;">
        <h3>出错啦！访问策略禁止您访问该网站，可能的原因为</h3>
        <p id="reason"></p>
        <div id="client-info" style="display:none; font-size:.8em; margin-top:8px; color:#999;"></div>
        <div style="display: block; font-size: .8em; margin-top: 12px;">(错误代码：403)</div>
    </div>
</div>
<script>
    fetch('/wengine-auth/wengine_client_info')
        .then(function(resp) { return resp.json(); })
        .then(function(data) {
            var ip = data.ip || '';
            document.getElementById('reason').innerHTML =
                '<li>您(IP：' + ip + ')，没有权限访问相应的资源，请联系管理员以获取相应的访问权限</li>';

            var info = [];
            if (data.trace_id)   info.push('追踪ID：' + data.trace_id);
            if (data.platform)   info.push('平台：' + data.platform);
            if (data.language)   info.push('语言：' + data.language);
            if (data.user_agent) info.push('UA：' + data.user_agent);
            if (info.length) {
                var el = document.getElementById('client-info');
                el.style.display = 'block';
                el.innerHTML = info.join('&nbsp;&nbsp;|&nbsp;&nbsp;');
            }
        })
        .catch(function() {
            document.getElementById('reason').innerHTML =
                '<li>您没有权限访问相应的资源，请联系管理员以获取相应的访问权限</li>';
        });
</script>
</body>
</html>
