<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title></title>
    <style></style>
    <script src="{{ theme }}/js/jquery.min.js"></script>
    <script src="{{ theme }}/js/jquery.validate.js"></script>
    <script>
        $(document).ready(function () {
            $('#loginForm').validate({
                rules: {
                    phone: 'required',
                    password: 'required'
                },
                messages: {
                    phone: '请输入用户名',
                    password: '请输入密码'
                }
            });
        });
    </script>
</head>
<body>
<form id="loginForm" method="post">
    <p>
        <label for="phone">用户名<br>
            <input type="tel" name="phone" id="phone">
            <label id="phone-error" class="error" for="phone">{{ phoneError }}</label>
        </label>
    </p>

    <p>
        <label for="password">密码<br>
            <input type="password" name="password" id="password">
            <label id="password-error" class="error" for="password">{{ passwordError }}</label>
        </label>
    </p>

    <p class="submit">
        <input type="submit" id="login_submit" value="登录">
    </p>
</form>
<a href="{{ register }}">注册</a>
<a href="{{ forget }}">忘记密码</a>
</body>
</html>