{php include pubTemplate("header")}
<!--main-->
<div class="container">


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




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



            <div class="d-flex justify-content-between align-items-center">
                <div class="fs24">短信登录</div>
                <div><a href="{tsUrl('user','login')}"><i class="bi bi-envelope"></i> 账号密码登录</a></div>
              </div>

              <hr />


              <form id="comm-form" method="POST" action="{SITE_URL}index.php?app=user&ac=plogin&ts=do" role="form">
                  <div class="form-group">
                      <label>手机号</label>

                      <input id="myphone" name="email" type="number" class="form-control" placeholder="手机号">

                  </div>

                  <div class="form-group">
                    <label>图形验证码：</label>


                    <div class="d-flex flex-row align-items-center">
                        <div class="d-flex">
                            <input id="authcode" name="authcode" type="text" class="form-control" placeholder="" >
                        </div>
                        <div class="d-flex ml-1">

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

                        </div>
                    </div>

                    
                </div>

                <div class="form-group">
                    <label>手机验证码：</label>

                    <div class="d-flex flex-row align-items-center">
                        <div>
                            <input name="phonecode" type="text" class="form-control" placeholder="" >
                        </div>
                        <div class="ml-1">
                            <button id="mybtn" type="button" class="btn btn-outline-secondary" style="float: right;">获取验证码</button>
                        </div>
                    </div>

                </div>


                  <div class="form-group">

            
                      <button id="comm-submit" type="submit" class="btn btn-fat btn-success btn-lg btn-block">登录</button>




                  </div>
              </form>



          </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()

        sendPhoneCode(2,serverToken.token,serverToken.server)

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

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

})

$("#mybtn").on("click", function () {
    var phone = $("#myphone").val();
    var authcode = $("#authcode").val();

    if(phone && authcode){
        //人机验证
        obj.validate();
    }else{
        tsNotice('手机号和图形验证码必须填写！');
    }
});
</script>
<!--{else}-->

<script>
$("#mybtn").on("click", function () {
    var phone = $("#myphone").val();
    var authcode = $("#authcode").val();

    if(phone && authcode){
        sendPhoneCode(2)
    }else{
        tsNotice('手机号和图形验证码必须填写！');
    }
});
</script>

<!--{/if}-->

{php include pubTemplate("footer")}