<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=unicode" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css"/>

<script>
	function saveInfo()
	{
        var server=document.getElementById("server");
        var port=document.getElementById("port");
        var code=document.getElementById("code");
		server=server.value;
        port=port.value;
        code=code.value;
		if(server.length<1)
        {
            alert("{_CHUANHAPVAOMAYCHU_}")
			return false;
        }

        //android
        if(typeof ISHOPMANX === 'object' && ISHOPMANX !== null)
        {
            ISHOPMANX.postMessage("101"+"~|~"+"CONFIG"+"~|~"+server+"~|~"+port+"~|~"+code);
        }           
		return true;
	}
</script>
<style>
 
input.signin,select.signin
	{
		-moz-box-sizing:border-box;box-sizing:border-box;
		width:100%;		
		padding:8px;
		margin:8px 0px 8px 0px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
	}
.ok{
    -moz-box-sizing:border-box;box-sizing:border-box;
    width:150px;
    padding:8px;float:left;background-color: forestgreen;color: white;
    border-radius: 8px;
    border:0px;
    cursor: pointer;
}    
.fingerprint{
    -moz-box-sizing:border-box;box-sizing:border-box;
    width:36px;
    height: 36px;
    border-radius: 10px;
    border:0px;
    cursor: pointer;
    float: right; 
    background-color: inherit;
    background-image: url('imgs/bt_fingerprint.png');
    background-position: top center;
    background-repeat: no-repeat;

}
</style>
</head>
<body style="font-family:Arial;font-size:10pt;background-color:#e3f7e3;">
<div style="margin: auto;width: 100%;vertical-align: middle;padding-top:40px">
        <div align="center">
            <div style="font-size:12pt; color:green;font-weight:bold;">{_THIETLAPKETNOI_}</div>
            <div style="font-size: 9pt;font-weight: bold;margin: 4px 0px;">{_DATETIME_}</div>
            <div style="width:250px;">
            <input type="text" name="server" id="server" size="20" class="signin" value="192.168.1.254" onFocus="this.select()" placeholder="máy chủ (tên miền hoặc địa chỉ IP)"><br>
            <input type="text" name="port" id="port" size="20" class="signin" value="6868" onFocus="this.select()" placeholder="cổng kết nối"><br>
            <input type="text" name="code" id="code" size="20" class="signin" value="" onFocus="this.select()" placeholder="mã khách hàng"><br>
        </div>
            <div style="width:250px;margin-top:12px">
                <input type="button" onclick="return saveInfo()" value="Ghi & kết nối" name="B1" class="ok" style="width: 100%;" >
            </div>
            <div style="position:absolute;bottom: 12px;line-height:150%;font-weight:bold;width: 100%;text-align: center;">
            Hỗ trợ kỹ thuật<br>0971.627.119/118/117<br>
            Website: www.ishopman.vn
            </div>
        </div>
</div>
</body>
</html>