<%@ control language="C#" autoeventwireup="true" inherits="go_user, App_Web_iiiarrut" %>
<style type="text/css">
    #seticobox li
    {
        list-style: none;
        float: left;
        margin: 0.5rem;
        border: 1px solid #eee;
        width: 7rem;
        height: 7rem;
        border-radius: 50%;
    }
    #seticobox img
    {
        width: 100%;
        height: 100%;
        cursor: pointer;
        border-radius: 50%;
    }
    
    .ico
    {
        height: 7rem;
        width: 7rem;
        border-radius: 50%;
    }
</style>
<div class="modal fade" tabindex="-1" role="dialog" id="modal_login">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">
                    登录</h4>
            </div>
            <div class="modal-body">
                <div style="color: #f60; padding: 2rem;">
                    <div class="input-group input-group-lg" style="margin-bottom: 2rem">
                        <span class="input-group-addon " id="basic-addon1"><span class="glyphicon glyphicon-phone">
                        </span></span>
                        <input id="username" type="number" class="form-control" placeholder="手机号" aria-describedby="basic-addon1">
                    </div>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-option-horizontal">
                        </span></span>
                        <input id="password" type="password" class="form-control" placeholder="密码" aria-describedby="basic-addon1">
                    </div>
                    <div class="input-group input-group-lg" style="margin: 2rem auto">
                        <span class="input-group-addon" id="Span1"><span class="glyphicon glyphicon-eye-open">
                        </span></span>
                        <input type="text" class="form-control" id="cc_login" maxlength="10" placeholder="输入图形码"
                            aria-describedby="cc_img_login_box">
                        <span class="input-group-addon" id="cc_img_login_box" style="padding: 0px">
                            <img src="" alt="图形码，点击刷新" title="图形码，点击刷新" style="cursor: pointer; max-width: 100px;
                                height: 4rem" id="cc_img_login" bttype="GetGetPWDCheckCodeBt" /></span>
                    </div>
                    <button id="submitlogin" class="btn   btn-success btn-lg" style="width: 100%">
                        登录</button>
                    <div style="padding: 2rem 0 2rem 0">
                        <a href="#" bttype="toGetPwdBt" class="btn btn-default"><i class=" fa fa-angle-double-right"
                            bttype="toGetPwdBt">忘记密码</i></a> <a href="#" style="float: right" bttype="toRegBt"
                                class="btn btn-default"><i class=" fa fa-angle-double-right" bttype="toRegBt">用户注册</i></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div class="modal fade" tabindex="-1" role="dialog" id="modal_getpwd">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">
                    重设密码</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                <div class="form-group">
                    <label for="username_getpwd" class="col-sm-2 control-label">
                        登录名</label>
                    <div class="col-sm-10">
                        <input type="number" class="form-control" id="username_getpwd" placeholder="请输入登录名(手机号)">
                    </div>
                </div>
                <div class="form-group">
                    <label for="cc_getpwd" class="col-sm-2 control-label">
                        图形码</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="cc_getpwd" maxlength="10" placeholder="输入图形码">
                    </div>
                    <div class="col-sm-4">
                        <img src="" alt="图形码，点击刷新" title="图形码，点击刷新" style="height: 3.2rem; width: 100%; cursor: pointer"
                            id="cc_img_getpwd" bttype="GetGetPWDCheckCodeBt" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-4 col-sm-offset-2 ">
                        <button class="btn btn-warning" style="width: 100%" bttype="SendGetPWDMobCCBt" id="SendGetPWDMobCCBt">
                            发送验证码到手机中</button>
                    </div>
                </div>
                <div class="form-group">
                    <label for="cc_mob_getpwd" class="col-sm-2 control-label">
                        验证码</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="cc_mob_getpwd" maxlength="10" placeholder="输入手机验证码">
                        <input type="hidden" value="" id="mob_sended_getpwd" />
                    </div>
                    <div class="col-sm-4">
                    </div>
                </div>
                <div class="form-group">
                    <label for="newpassword_getpwd" class="col-sm-2 control-label">
                        新密码</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" id="newpassword_getpwd" maxlength="50"
                            placeholder="至少6位密码">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button id="submitgetpwdbt" bttype="submitgetpwdbt" class="form-control btn btn-success">
                            重设密码</button>
                    </div>
                </div>
                <div class="form-group">
                    <div style="padding: 2rem">
                        <a href="#" style="float: left" bttype="toLoginBt" class="btn btn-default"><i class="fa fa-angle-double-right"
                            bttype="toLoginBt">登录</i></a> <a href="#" style="float: right" bttype="toRegBt" class="btn btn-default">
                                <i class="fa fa-angle-double-right" bttype="toRegBt">注册</i></a>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- /.modal -->
<div class="modal fade" tabindex="-1" role="dialog" id="modal_reg">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">
                    用户注册</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" onsubmit="return false" class="row">
                <div id="reginfo">
                    <div class="form-group">
                        <label for="username_reg" class="col-sm-2 control-label">
                            手机号(用户名)</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="username_reg" maxlength="50" placeholder="手机号">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="cc_img" class="col-sm-2 control-label">
                            图形码</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="cc_reg" maxlength="10" placeholder="输入图形码">
                        </div>
                        <div class="col-sm-5">
                            <img src="" alt="图形码，点击刷新" title="图形码，点击刷新" style="height: 3.2rem; width: 100%; cursor: pointer"
                                id="ccimg_reg" bttype="GetCheckCodeBt_reg" />
                        </div>
                    </div>
					
					 <div class="form-group">
                        <label for="cc_img" class="col-sm-2 control-label">
                            验证码</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="cc_mob_reg" maxlength="10" placeholder="输入手机验证码">
                        </div>
						
						 <div class="col-sm-5">
                            <button class="btn btn-success" bttype="sendmobcc_reg_bt" id="sendmobcc_reg_bt">发送验证码</button>
                        </div>
                    </div>
					
					
                    <div class="form-group">
                        <label for="password" class="col-sm-2 control-label">
                            密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="password_reg" maxlength="50" placeholder="至少6位密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button id="submitregbt" bttype="submitregbt" class="form-control btn btn-success">
                                注册</button>
                        </div>
                    </div>
                </div>
                <div class="form-group" style="padding-right: 2rem">
                    <a href="#" style="float: right" bttype="toLoginBt" class="btn btn-default"><i class="fa fa-angle-double-right"
                        bttype="toLoginBt">登录</i></a>
                </div>
                </form>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div data-backdrop="static" data-show="true" class="modal fade bs-example-modal-sm"
    tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="modal_active">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <p class="alert alert-success" style="text-align: center">
                <span class="glyphicon glyphicon-ok">帐户注册成功</span></p>
            <p class="alert alert-default" style="text-align: center">
                系统已发送激活邮件到您的邮箱，请到邮箱中点击链接进行激活。<span id="activetip"><a href="" target="_blank">打开邮箱</a></span></p>
            <button type="button" class="btn btn-default" style="width: 100%; color: #999" data-toggle="modal"
                data-target="#modal_active">
                关 闭</button>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="modal_modifypwd">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">
                    修改密码</h4>
            </div>
            <div class="modal-body">
                <form>
                <div class="form-group">
                    <label for="pwd_old">
                        原密码</label>
                    <input type="password" class="form-control" id="pwd_old" placeholder="输入原密码">
                </div>
                <div class="form-group">
                    <label for="pwd_new">
                        新密码</label>
                    <input type="password" class="form-control" id="pwd_new" placeholder="输入新密码">
                </div>
                <div class="form-group">
                    <label for="pwd_new_re">
                        确认新密码</label>
                    <input type="password" class="form-control" id="pwd_new_re" placeholder="确认新密码">
                </div>
                <div class="form-group">
                    <label for="cc_img_modifypwd">
                        图形码</label>
                    <div style="clear: both">
                    </div>
                    <input type="text" class="form-control" id="cc_modifypwd" maxlength="10" placeholder="输入图形码"
                        style="width: 50%; float: left">
                    <img src="" alt="图形码，点击刷新" title="图形码，点击刷新" style="height: 3.2rem; width: 50%; cursor: pointer;
                        float: left" id="cc_img_modifypwd" bttype="GetCheckCodeBt" />
                </div>
                <div style="padding: 1rem; padding-top: 2rem; clear: both">
                    <button type="button" class="btn btn-success" bttype="domodifypwdbt">
                        确认修改密码</button></div>
                </form>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div class="modal fade" tabindex="-1" role="dialog" id="modal_accountset">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">
                    帐户设置</h4>
            </div>
            <div class="modal-body">
                <div id="setnicknamebox">
                    <form>
                    <div class="form-group">
                        <label for="nickname">
                            输入昵称</label>
                        <input type="text" maxlength="20" class="form-control" id="nickname" placeholder="起个响亮的名字">
                    </div>
                    <button type="button" class="btn btn-success pull-right" bttype="savenicknamebt">
                        修改昵称</button>
                    </form>
                </div>
                <div style="clear: both;">
                </div>
                <hr />
                <div id="seticobox">
                </div>
                <div style="clear: both">
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
