<!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" />
    <title>iShopmanX - Database config</title>

    <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;
            }
            else {
            }
            g_bmobile = true;
        }
        function fcheck(f) {
            var val = document.getElementById("dbhost");
            if (val.value.length < 8) return false;
            var val = document.getElementById("dbport");
            if (val.value.length < 1) return false;
            var val = document.getElementById("dbname");
            if (val.value.length < 1) return false;
            var val = document.getElementById("dbusername");
            if (val.value.length < 1) return false;
            var val = document.getElementById("dbpassword");
            if (val.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=ht_thietlapcsdl" onSubmit="return fcheck(this)">
            <input type="hidden" name="autoloadpage" value="{_AUTOLOADPAGE_}">
            <div align="center">
                <div style="font-size:14pt; color:green;font-weight:bold;">iShopmanX</div>
                <div style="font-size: 9pt;font-weight: bold;margin: 4px 0px;">Thiết lập kết nối cơ sở dữ liệu
                    MariaDB/MySQL</div>
                <div style="width:250px;">
                    <input type="text" name="dbhost" id="dbhost" size="20" class="signin" value="localhost"
                        onFocus="this.select()" placeholder="Địa chỉ máy chạy MariaDB/MySQL"><br>
                    <input type="text" name="dbport" id="dbport" size="20" class="signin" value="3306"
                        onFocus="this.select()" placeholder="Cổng kết nối"><br>
                    <input type="text" name="dbname" id="dbname" size="20" class="signin" value="ishopman"
                        onFocus="this.select()" placeholder="Tên cơ sở dữ liệu"><br>
                    <input type="text" name="dbusername" id="dbusername" size="20" class="signin" value="ishopmanx"
                        onFocus="this.select()" placeholder="Tên người dùng"><br>
                    <input type="password" name="dbpassword" id="dbpassword" size="20" class="signin" value="ishopmanx"
                        onFocus="this.select()" placeholder="Mật khẩu"><br>
                    <div style="height: 8px;width: 100%;"></div>

                </div>
                <div style="width:250px;margin-top:12px">
                    <input type="submit" value="Ghi và 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>
        </form>
    </div>
</body>

</html>