{php include pubTemplate("header")}

<div class="container">

<div class="row">
  <div class="col-md-3"></div>
  <div class="col-md-6">





      <div class="card border-0">
          <div class="card-body" style="padding: 30px;">


            {if $strFuser}
            <div class="d-flex align-items-center">
                <div>
                    <img width="56" height="56" class="rounded-circle" src="{$strFuser['face']}">
                </div>

                <div class="ml-2">
                    <div>您好！我是 <span class=" font-weight-bold">{$strFuser['username']}</span>。</div>
                    <div>我正在邀请您加入 <span class=" font-weight-bold">{$TS_SITE['site_title']}</span> ，欢迎来和我一起交流！</div>
                </div>

            </div>

            <hr />

            {/if}



              <ul class="nav nav-tabs mb-4">
                  {if $TS_SITE['regtype']=='0' || $TS_SITE['regtype']=='2'}
                  <li class="nav-item">
                      <a class="nav-link font-weight-bold active" href="{tsUrl('user','register')}">Email邮箱注册</a>
                  </li>
                  {/if}
                  {if $TS_SITE['regtype']=='1' || $TS_SITE['regtype']=='2'}
                  <li class="nav-item">
                      <a class="nav-link font-weight-bold" href="{tsUrl('user','phone')}">手机号注册</a>
                  </li>
                  {/if}
              </ul>






              {if $TS_APP[isregister]=='2'}
              <p>系统升级中，暂时关闭用户注册！</p>
              <p><a href="{SITE_URL}">返回首页</a></p>
              {else}



              <form id="comm-form" method="POST" action="{SITE_URL}index.php?app=user&ac=register&ts=do">

                  {if $TS_SITE['isinvite']=='1'}
                  <div class="form-group">
                      <label>邀请码</label>
                      <input name="invitecode" type="text" class="form-control" placeholder="" check-type="required">
                  </div>
                  {/if}

                  <div class="form-group">
                      <label>Email邮箱：</label>
                      <input id="myemail" name="email" type="email" class="form-control" placeholder="" onkeyup="this.value=this.value.replace(/[, ]/g,'')" check-type="required">
                  </div>

                  <div class="form-group">
                      <label>密码：</label>

                      <input name="pwd" type="password" class="form-control" placeholder="" check-type="required">

                  </div>

                  <div class="form-group">
                      <label>重复密码：</label>
                      <input name="repwd" type="password" class="form-control" placeholder="" check-type="required">
                  </div>

                  <div class="form-group">
                      <label>用户名：</label>
                      <input name="username" type="text" class="form-control" placeholder="" check-type="required">
                  </div>


                    <!--人机验证-->
                    {if $TS_SITE['is_vaptcha']}
                    <div class="form-group">
                        <label>人机验证：</label>

                        <div class="offset-0">
                            
                            <div id="vaptchaContainer" style="width: 300px;height: 36px;">
                                <div class="vaptcha-init-main">
                                <div class="vaptcha-init-loading">
                                    <a href="/" target="_blank">
                                    <img src="https://r.vaptcha.net/public/img/vaptcha-loading.gif" />
                                    </a>
                                    <span class="vaptcha-text">Vaptcha启动中...</span>
                                </div>
                                </div>
                            </div>
                            <script src="https://v-cn.vaptcha.com/v3.js"></script>
                            <script>
                                vaptcha({
                                    vid: '{$TS_SITE[vaptcha_vid]}',
                                    mode: 'click',
                                    scene: 0, // 场景值 默认0
                                    container: '#vaptchaContainer',
                                    area: 'auto' //验证节点区域,默认 auto,可选值 auto,sea,na,cn
                                }).then(function (vaptchaObj) {
                                    vaptchaObj.render()
                                    vaptchaObj.renderTokenInput('#vaptcha-token')
                                })
                            </script>

                        </div>

                        <div id="vaptcha-token"></div>

                    </div>
                    {/if}

                
                <!--图形验证码-->
                {if $TS_SITE['isauthcode']}
                <div class="form-group">
                      <label>验证码：</label>
                      <div class="d-flex flex-row align-items-start">
                          <div class="d-flex flex-column">
                              <input name="authcode" type="text" class="form-control" placeholder="" check-type="required">
                          </div>
                          <div class="d-flex ml-1">

                              <img id="imagecode" align="absmiddle" src="{SITE_URL}index.php?app=pubs&ac=code" onclick="javascript:newgdcode(this,this.src);" title="点击刷新验证码" alt="点击刷新验证码" style="cursor:pointer;" />
                              <a href="javascript:void('0');" onclick="changeImageCode();">点击刷新验证码</a>

                          </div>
                      </div>
                </div>
                {/if}

                <!--Email邮箱验证-->
                {if $TS_SITE['isverify']}
                <div class="form-group">
                    <label>Email邮箱验证码：</label>
                    <div style="overflow: hidden;">
                        <input style="float: left;width:60%;" name="emailcode" type="text" class="form-control" placeholder="" >
                        <button id="mybtn" type="button" class="btn btn-outline-secondary" style="float: right;">获取验证码</button>
                    </div>
                    <div class="fs12 text-danger">获取验证码后请登录邮箱查看验证码</div>
                </div>
                {/if}




                  <div class="form-group">

                      <input type="hidden" name="fuserid" value="{$fuserid}" />
                      <input type="hidden" name="token" value="{$_SESSION['token']}" />
                      <button id="comm-submit" type="submit" class="btn btn-fat btn-success btn-lg btn-block">注册</button>

                  </div>


              </form>

              <div class="lh30">
                  {php doAction('user_login_footer')}
              </div>

              {/if}



          </div>
      </div>








</div>

  <div class="col-md-3"></div>
</div>


</div>



<!--{if $TS_SITE['is_vaptcha']}-->
<script src="https://v-cn.vaptcha.com/v3.js"></script>
<script>
vaptcha({
    vid: '{$TS_SITE[vaptcha_vid]}',// 验证单元id
    mode: 'invisible',// 显示类型 隐藏式
    scene: 0,// 场景值 默认0
    area: 'auto' //验证节点区域,默认 auto,可选值 auto,sea,na,cn
}).then(function (vaptchaObj) {

    obj = vaptchaObj; //将VAPTCHA验证实例保存到局部变量中

    vaptchaObj.listen("pass", function () {
        // 验证成功进行后续操作
        
        serverToken = vaptchaObj.getServerToken()

        sendEmailCode(1,serverToken.token,serverToken.server)

        vaptchaObj.reset(); //重置验证码
        
    });

    //关闭验证弹窗时触发
    vaptchaObj.listen("close", function () {
        //验证弹窗关闭触发
    });

})

$("#mybtn").on("click", function () {
    var email = $("#myemail").val();
    if(email){
        //人机验证
        obj.validate();
    }else{
        tsNotice('Email邮箱必须填写！');
    }
});
</script>
<!--{else}-->

<script>
$("#mybtn").on("click", function () {
    var email = $("#myemail").val();
    if(email){
        sendEmailCode(1)
    }else{
        tsNotice('Email邮箱必须填写！');
    }
});
</script>

<!--{/if}-->


{php include pubTemplate("footer")}