<!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>
        var g_bmobile = false;
        function checkbrowser() {
            var ua = window.navigator.userAgent;
            var gvm = document.getElementById("viewmode");
            if ((ua.search("Mobile") > 0) || (ua.search("mobile") > 0)) {
                g_bmobile = true;
                gvm.selectedIndex = 0;
            }
            else {
                gvm.selectedIndex = 1;
            }
            g_bmobile = true;
            gvm.selectedIndex = 0;
        }
        function fcheck(f) {

            var username = document.getElementById("username");
            var userpass = document.getElementById("userpass");
            if (userpass.value.length < 1)
                return false;
            if (username.value.length < 1)
                return false;

            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;" onLoad="checkbrowser()">
    <div style="margin: auto;width: 100%;vertical-align: middle;padding-top:40px">
        <form method="POST" action="?page=dangnhap" onSubmit="return fcheck(this)">
            <input type="hidden" name="autoloadpage" value="{_AUTOLOADPAGE_}">
            <div align="center">
                <div style="font-size:14pt; color:green;font-weight:bold;">{_SOFTNAME_}</div>
                <div style="font-size: 9pt;font-weight: bold;margin: 4px 0px;">{_DATETIME_}</div>
                <div style="width:250px;">
                    <select name="viewmode" id="viewmode" class="signin" style="display: none;">
                        <option value="0">Giao diện điện thoại</option>
                        <option value="1">Giao diện máy tính</option>
                    </select>
                    <input type="text" name="username" id="username" size="20" class="signin" value=""
                        onFocus="this.select()" placeholder="Mã đăng nhập"><br>
                    <input type="password" name="userpass" id="userpass" size="20" class="signin" value=""
                        onFocus="this.select()" placeholder="Mật khẩu"><br>
                    <div style="height: 8px;width: 100%;"></div>
                    <label class="checkbox_container">Ghi nhớ đăng nhập
                        <input type="checkbox" checked="checked" name="savelogin" id="savelogin">
                        <span class="checkbox_checkmark"></span>
                    </label>

                </div>
                <div style="width:250px;margin-top:12px">
                    <input type="submit" value="Đăng nhập" name="B1" class="ok">
                    <input type="button" value="" name="B2" class="fingerprint" style="color:blue;">
                </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>
        </form>
    </div>
</body>

</html>