{extend name="common@blank"}
{block name="title"}会员登录{/block}
{block name="css"}
<link rel="stylesheet" href="__CSS__user.css">
{/block}
{block name="body"}
<div class="wall"></div>
<div class="panel center-block login p-lg">
    <div class="panel-heading">
        <div class="row">
            <div class="col-sm-8">
                <h3>会员登录</h3>
            </div>
            <div class="col-sm-4 text-right"><a href="/">返回首页 <i class="fa fa-reply"></i></a></div>
        </div>
    </div>
    <div class="panel-body">
        <form class="form" method="post" id="login_form">
            <div class="form-group mb-md">
                <input type="text" class="form-control" name="name" placeholder="用户名" autofocus="on">
            </div>
            <div class="form-group mb-md">
                <input type="password" name="pwd" class="form-control" placeholder="密码">
            </div>
            {eq name="login_check" value="1"}
            <div class="form-group">
                <div class="row">
                    <div class="col-sm-4">
                        <input type="text" id="captcha" class="form-control" name="captcha" placeholder="请输入验证码">
                    </div>
                    <div class="col-sm-offset-4 col-sm-4">
                        <img rel="captcha" data-src="{:captcha_src()}" class="img-captcha pull-right" alt="验证码">
                    </div>
                </div>
            </div>
            {/eq}
            <div class="form-group">
                <label class="text-muted checkbox-inline">
                    <input type="checkbox" id="autologin" name="remember" checked="checked" /> 下次自动登录</label>
            </div>
            <div class="form-group mb-md">
                <button type="submit" class="btn btn-danger btn-lg btn-block">登录</button>
            </div>
        </form>
        <div class="pb-lg">
            <div class="pull-left">
                <a href="{:url('user/index/register')}" class="text-danger">新用户注册</a>
            </div>
            <div class="pull-right">
                <a href="{:url('user/index/forget')}" class="text-muted">忘记密码了？</a>
            </div>
        </div>
        <div class="fastlogin col-sm-12 mb-sm">
            <div class="line"></div>
            <span class="text-center">其他帐号登录</span>
        </div>
        <div class="clearfix"></div>

        <div class="oauth_login">
            <a id="wechat" href="javascript:;"><i class="fa fa-weixin"></i> 微信扫码</a>
            <a id="open_wechat" href="/user/index/weixin_login"><i class="fa fa-weixin"></i> 微信</a>
            <a id="qq" href="/user/index/qq_login"><i class="fa fa-qq"></i> QQ</a>
            <a id="wxapp" href="javascript:;"><i class="fa fa-wechat"></i> 小程序扫码</a>
        </div>
        <div id="mini_login_content" style="text-align: center; display: none;">
            <div class="popup p-lg">
                <img style="height: 240px; width: 240px;">
                <p style="text-align: center; color: #999;" class="mt-sm">请打开微信 点击扫一扫进行授权 </p>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script>
    require(['user']);
</script>
{/block}