@extends('layout.codeheader')
@section('title','修改密码')
@section('content')
<div class="header">
	<div class="title">
		<span>修改密码</span>
	</div>
	<div class="logo">
		<img src="/codeimages/images/logo.png" />
	</div>
</div>
<div class="main">
	<form class="" action="{{url('/code/telforget')}}" name="" method="post">
		<div class="password">
			<ul>
				<li><input type="text" name="name" placeholder="姓名" value="" /></li>
				<li class="code">
					<input type="text" name="phone" placeholder="手机号" />
					<input type="button" class="sendcode" value="获取验证码">
					<div class="clear"></div>
				</li>
				<li>
					<input type="text" class="smscode" name="smscode" value="" placeholder="请输入短信验证码">
				</li>
				<li>
					<input type="password" name="password" placeholder="密码" />
				</li>
				<li>
					<input type="password" name="repassword" placeholder="确认密码" />
				</li>
				<li>
					<input type="submit" name="" class="button" value="修改"/>
				</li>
			</ul>
			{{csrf_field()}}
		</div>
	</form>
</div>
@if(session('success'))
  <script>
    swal('',"{{session('success')}}",'success')
    setTimeout("location.href='/code/login';", 1500);
  </script>
@endif

@if(session('error'))
<script>
swal('',"{{session('error')}}",'error')
</script>
@endif
<script>
// 提交验证
$('.re_sub').click(function(){
  if ($('input[name="name"]').val() == ''){
    swal('','请填写您的姓名','warning')
  }else if($('input[name="phone"]').val() == ''){
    swal('','请填写您的手机号码','warning')
  }else if(!$('input[name="phone"]').val().match(/^[1][3,4,5,7,8][0-9]{9}$/)){
    swal('','请填写正确的手机号码','warning')
  }else if($('input[name="smscode"]').val() == ''){
    swal('','请填写短信验证码','warning')
  }else if(window.checkcode != true){
    swal('','短信验证码不正确','warning')
  }else if($('.selone').val() == '' || $('.seltwo').val() == '' || $('.selthree').val() == ''){
    swal('','请选择您的出生日期','warning')
  }else if($('input[name="password"]').val() == ''){
    swal('','请填写密码','warning')
  }else if($('input[name="repassword"]').val() == ''){
    swal('','请填写确认密码','warning')
  }else if($('input[name="repassword"]').val() != $('input[name="password"]').val()){
    swal('','两次输入密码不一致','warning')
  }else{
    $('.re_form').submit()
  }
})

// 验证码弹框
$('.sendcode').click(function(){
  if($('input[name="name"]').val() == ''){
    swal('','请填写您的姓名','warning')
  }else if($('input[name="phone"]').val() == ''){
    swal('','请填写您的手机号码','warning')
  }else if(!$('input[name="phone"]').val().match(/^[1][3,4,5,7,8][0-9]{9}$/)){
    swal('','请填写正确的手机号码','warning')
  }else{
    var url = "{{url('/checkPhone1')}}";
    var data ={
      'phone':$('input[name="phone"]').val(),
      '_token':'{{csrf_token()}}',
      };
    var success=function(response){
        if(response.error==0){
          swal('',response.errmsg,'error')
        }else{
          swal({
          html:'<p>为确保您的账号安全，请输入验证码</p><p class="code_error">&nbsp;</p><input class="swal2-input" type="vcode" name="vcode"  placeholder="请输入右侧验证码"><img class="vcode" src="{{url('/test')}}" style="cursor:pointer" onclick="this.src=this.src+\'?a=1\'"><a class="swal2-styled subcode" style="background:#8CD3FF;display:inline-block" onclick="code_sub(this)">确认</a>',
          showConfirmButton:false,
          })
        }
      }
    $.post(url,data,success,'json');

  }
})

//短信验证码倒计时
var countdown=60;
function settime() {
if (countdown == 0) {
  $('.sendcode').removeAttr("disabled");
  $('.sendcode').css("cursor","pointer");
  $('.sendcode').val('免费获取验证码');
  countdown = 60;
  return;
  } else {
  $('.sendcode').attr("disabled", true);
  $('.sendcode').css("cursor","not-allowed");
  $('.sendcode').val(countdown + '秒后可重发');
  countdown--;
  }
  setTimeout(function() {
  settime()
  },1000)
}

// 短信验证码即时验证
  $('.smscode').blur(function(){
    if(window.smscode && $(this).val() == window.smscode){
      $('.check_code').show();
      window.checkcode = true;
    }else{
      $('.check_code').hide();
      window.checkcode = false;
    }
  })

// 验证图形验证码
function code_sub(){
  if ($('.swal2-input').val() == '') {
    $('.code_error').html('验证码不能为空！')
  }else{
    $('.code_error').html('&nbsp;')
    var url = "{{url('/checkTest')}}";
    var data ={
      'vcode':$('.swal2-input').val(),
      '_token':'{{csrf_token()}}',
      'phone':$('input[name="phone"]').val(),
      };
    var success=function(response){
        if(response.error==1){
          $('.code_error').html(response.errmsg)
        }else if(response.error==3){
          swal('',response.errmsg,'error')
        }else{
          swal('',response.errmsg,'success')
          window.smscode = response.smscode
          settime();
        }
      }
    $.post(url,data,success,'json');
    }
  }

</script>
@endsection