<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>用户登录-<%= title%></title>
    <!-- inject:css -->
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/web/building_saas/css/main.css">
    <link rel="stylesheet" href="/web/building_saas/css/custom.css">
    <link rel="stylesheet" href="/lib/font-awesome/font-awesome.min.css">
    <!-- endinject -->
    <link rel="shortcut icon" href="/web/building_saas/css/favicon.ico">
    <link rel="icon" type="image/gif" href="/web/building_saas/css/animated_favicon1.gif">
</head>
<body class="login-body">
    <div class="login-bg"></div>
    <div class="container login-panel">
        <form class="form-signin" method="post" onsubmit="return false">
            <h1 class="d-flex justify-content-center mb-5">
                <img src="/web/building_saas/img/building.png" width="40" height="40" class="mr-3" style="margin-top: 5px">
                <%= title%>
            </h1>
            <div class="form-group user-login-modal">
                <input id="inputEmail" class="form-control " name="inputEmail" placeholder="通行账号 邮箱/手机" autofocus="" />
                <small id="emailHelp" class="form-text text-danger"></small>
            </div>
            <div class="form-group user-login-modal">
                <input id="inputPassword" class="form-control " name="inputPassword" placeholder="输入密码" type="password"/>
            </div>
            <div class="form-row sms-login-modal" style="display: none">
                <div class="form-group col-md-8">
                    <input type="number" id="mobileLogin" name="mobile" class="form-control" placeholder="输入手机号码" disabled>
                    <small id="phoneHelp" class="form-text text-danger"></small>
                </div>
                <div class="form-group col-md-4">
                    <button class="btn btn-primary" type="button" id="get-code2">获取验证码</button>
                </div>
            </div>
            <div class="form-group sms-login-modal" style="display: none">
                <input class="form-control" id="codeLogin" name="code" placeholder="输入验证码" required="" type="text" disabled>
            </div>
            <div class="form-group" id="error-tips" style="display: none;">
                <div class="alert alert-danger" role="alert">
                    <strong>登录失败</strong> <span id="message"></span>
                </div>
            </div>
            <!--<div class="form-group">-->
                <!--<div id="captcha-box"></div>-->
            <!--</div>-->
            <div class="form-group btn-area">
                <button type="button" id="login" class="btn btn-primary btn-block">登录</button>
            </div>
            <div class="pt-1 d-flex justify-content-between">
                <a href="javascript:void(0)" id="changeLogin" data-status="user" class="mr-3">短信登录</a>
                <div>
                    <a href="https://sso.smartcost.com.cn/getpasswd" target="_blank" class="mr-3">忘记密码</a>
                    <% if (title != "四川高速养护云造价") { %>
                    <a href="https://sso.smartcost.com.cn/reg" id='registerLink' target="_blank">免费注册</a>
                    <% } %>
                </div>
            </div>
        </form>
        <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2018 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="https://beian.miit.gov.cn" target="_blank">粤ICP备14032472号</a>
          <% if (title == "纵横公路云造价") { %>
            <%include ../../common/html/dataStatistics_sc.html %>
          <% } else { %>
            <%include ../../common/html/dataStatistics.html %>
          <% } %>
        <small class="position-absolute mr-3 login-img-cr">Photo by <a class="text-white" href="https://www.pexels.com/@no-name-14543?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels" target="_blank">NO NAME</a> from <a class="text-white" href="https://www.pexels.com/photo/nature-sky-sunset-the-mountains-66997/?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels" target="_blank">Pexels</a></small></p></div>
    </div>
    <!--弹出信息-->
    <div class="modal fade" id="ver" data-backdrop="static" style="">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content compilation-content">
                <div class="modal-header">
                    <h5 class="modal-title">选择编制办法</h5>
                    <p class="m-0 text-warning"><i class="fa fa-exclamation-triangle"></i> <b>登录设置</b> 中可以修改您的登录习惯。</p>
                </div>
                <div class="modal-body">
                    <div class="row" id="version-area">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--弹出手机号-->
    <div class="modal fade" id="phone" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">验证手机号</h5>
                </div>
                <div class="modal-body">
                    <p class=""><i class="text-danger fa fa-exclamation-triangle"></i> 您的通行账号未绑定手机号，请先验证手机号进行绑定。</p>
                    <input type="hidden" id="check_ssoId" value="" />
                    <div class="form-row">
                        <div class="form-group col-md-8">
                            <input type="text" class="form-control" id="mobile" placeholder="输入手机号">
                            <div class="invalid-feedback">
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-8">
                            <input type="text" class="form-control" readonly id="code" placeholder="输入验证码">
                            <div class="invalid-feedback">
                            </div>
                        </div>
                        <div class="form-group col-md-4">
                            <button class="btn btn-primary" id="get-code">获取验证码</button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" id="check-code">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--弹出关闭账号登录提示-->
    <div class="modal fade" id="phonepass" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">账号无法登陆</h5>
                </div>
                <div class="modal-body">
                    <p class="mb-1"><i class="fa fa-exclamation-triangle"></i> 您的账号已经关闭了「账号登录」只能使用短信登录。</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <a class="btn btn-primary" href="javascript:void(0);" id="changeSmsLogin">使用短信登录</a>
                </div>
            </div>
        </div>
    </div>
    <!--弹出手机验证码-->
    <!--<div class="modal fade" id="phonepass" data-backdrop="static">-->
        <!--<div class="modal-dialog" role="document">-->
            <!--<div class="modal-content">-->
                <!--<div class="modal-header">-->
                    <!--<h5 class="modal-title">验证码安全登录</h5>-->
                <!--</div>-->
                <!--<div class="modal-body">-->
                    <!--<p class="">请您提供手机验证码进行安全登录。</p>-->
                    <!--<p class="">请点击“获取验证码”，验证码将发送至手机<span id="pro_mobile"></span>，注意查收。</p>-->
                    <!--<div class="form-row">-->
                        <!--<div class="form-group col-md-8">-->
                            <!--<input type="text" class="form-control" id="smsCode" placeholder="输入验证码">-->
                            <!--<div class="invalid-feedback">-->
                            <!--</div>-->
                            <!--<input type="hidden" class="form-control" id="proMobile">-->
                        <!--</div>-->
                        <!--<div class="form-group col-md-4">-->
                            <!--<button class="btn btn-primary" id="get-code2">获取验证码</button>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="modal-footer">-->
                    <!--<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>-->
                    <!--<button class="btn btn-primary" id="loginPro">登录</button>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!-- JS. -->
    <!-- inject:js -->
    <script type="text/javascript" src="/public/web/scMathUtil.js"></script>
    <script type="text/javascript" src="/lib/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/public/web/url_util.js"></script>
    <script type="text/javascript" src="/lib/popper/popper.min.js"></script>
    <script type="text/javascript" src="/lib/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="/public/web/syntax-detection.js"></script>
    <script type="text/javascript" src="/web/building_saas/js/global.js"></script>
    <script type="text/javascript" src="/web/users/js/gt.js"></script>
    <script type="text/javascript" src="/web/users/js/login.js"></script>
    <!-- endinject -->
</body>

</html>
