@extends('layout.codeheader')
@section('title','用户注册')
@section('myCss')
<link rel="stylesheet" href="/1/css/sweetalert2.css">
	<link rel="stylesheet" href="/1/css/weui.css">
 <style>
	*{
		margin: 0;
		padding: 0;
		font-size:17px;
	}
	body{
		background-color: #fbf9fe;
		font-family:microsoft yahei;
	}
	.re_top{
		padding-top:30px;
		margin:15px;
		height: 80px;
		background-image: url('/1/img/login_banner.jpg');
		-webkit-background-size:auto 100%;
		background-size:auto 100%;
		background-repeat:no-repeat;
		text-align: center;
	}
	.re_top strong{
		margin-top: 50px;
		font-size: 24px;
	}
	</style>
@endsection

@section('content')
<div class="login_con">
  <div class="re_top">
		<strong>注册会员</strong>
		<p class="desc">加入碳立方会员并享有会员资格</p>
	</div>
  <div class="login_info">
    <form class="re_form register_form" action="{{url('/code/doregister')}}" name="register_form" method="post">
      <div class="login_info_form" style="margin-top:20px">
        <ul>
			<div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">姓名</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <input class="weui_input" type="text" name="name" placeholder="请输入姓名">
	                <input class="" type="hidden" name="user1" value="<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: user1 in C:\websoft9\wampserver\www\madmin\resources\views\code\register.blade.php on line <i>47</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>244632</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\madmin\resources\views\code\register.blade.php' bgcolor='#eeeeec'>...\register.blade.php<b>:</b>0</td></tr>
</table></font>
">
	                <input class="" type="hidden" name="user2" value="<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: user2 in C:\websoft9\wampserver\www\madmin\resources\views\code\register.blade.php on line <i>48</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>244632</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\madmin\resources\views\code\register.blade.php' bgcolor='#eeeeec'>...\register.blade.php<b>:</b>0</td></tr>
</table></font>
">
	            </div>
	        </div>
			<div class="weui_cell getsex">
	            <div class="weui_cell_hd"><label class="weui_label">性别</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <label style="margin-right:20px" for=""><input class="sexradio" value="1" type="radio" name="sex">男</label>
	                <label for=""><input class="sexradio" type="radio" value="2" name="sex">女</label>
	            </div>
	        </div>
			<div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">手机号</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <input class="weui_input" type="text" name="phone" placeholder="请输入手机号">
	            </div>
	            <div class="weui_cell_ft">
	                <input type="button" class="sendcode weui-vcode-btn" value="获取验证码" style="border:0px;background:none;">
	            </div>
	        </div>
			<div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">验证码</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <input class="weui_input smscode" type="text" name="smscode" placeholder="请输入验证码">
	            </div>
	        </div>
			<div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">生日</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
					<select class="selone" name="YYYY" onChange="YYYYDD(this.value)">
						<option value="">年</option>
					</select>
					<select class="seltwo" name="MM" onChange="MMDD(this.value)">
						<option value="">月</option>
					</select>
					<select class="selthree" name="DD">
						<option value="">日</option>
					</select>
	            </div>
	        </div>
			<div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">电子邮箱</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <input class="weui_input" type="text" name="email" placeholder="请输入邮箱">
	            </div>
	        </div>
			<div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">密码</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <input class="weui_input" type="password" name="password" placeholder="请输入密码">
	            </div>
	        </div>
	        <div class="weui_cell">
	            <div class="weui_cell_hd"><label class="weui_label">确认密码</label></div>
	            <div class="weui_cell_bd weui_cell_primary">
	                <input class="weui_input" type="password" name="repassword" placeholder="请再次输入密码">
	            </div>
	        </div>
        </ul>
      </div>
     
        {{csrf_field()}}
        <a class="re_sub re_btn weui_btn weui_btn_primary">立即注册</a>
    </form>
  </div>
</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
@endsection
@section('myJs')
<style>

</style>
<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($('.selone').val() == '' || $('.seltwo').val() == '' || $('.selthree').val() == ''){
    swal('','请选择您的出生日期','warning')
  }else if(!$('input:radio[name="sex"]').is(':checked')){
    swal('','请选择您的性别','warning')
  }else if($('input[name="email"]').val() == ''){
    swal('','请填写您的邮箱','warning')
  }else if(!$('input[name="email"]').val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){
    swal('','邮箱格式不正确','warning')
  }else if($('input[name="password"]').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('/checkPhone')}}";
    var data ={
      'phone':$('input[name="phone"]').val(),
      '_token':'{{csrf_token()}}',
      };
    var success=function(response){
        if(response.error==1){
          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>
<script language="JavaScript">
function YYYYMMDDstart(){
  MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

  //先给年下拉框赋内容
  var y  = new Date().getFullYear();
  for (var i = (y); i > (y-60); i--) // 以今年为准，前60年
       document.register_form.YYYY.options.add(new Option(" "+ i +" 年", i));

  //赋月份的下拉框
  for (var i = 1; i < 13; i++)
       document.register_form.MM.options.add(new Option(" " + i + " 月", i));
     // 赋值当前日期
  /*document.register_form.YYYY.value = y;
  document.register_form.MM.value = new Date().getMonth() + 1;
  var n = MonHead[new Date().getMonth()];
  if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;
    writeDay(n); //赋日期下拉框Author:meizz
  document.register_form.DD.value = new Date().getDate();*/
}
if(document.attachEvent)
  window.attachEvent("onload", YYYYMMDDstart);
else
window.addEventListener('load', YYYYMMDDstart, false);
function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)
{
  var MMvalue = document.register_form.MM.options[document.register_form.MM.selectedIndex].value;
  if (MMvalue == ""){ var e = document.register_form.DD; optionsClear(e); return;}
  var n = MonHead[MMvalue - 1];
  if (MMvalue ==2 && IsPinYear(str)) n++;
  writeDay(n)
}
function MMDD(str)   //月发生变化时日期联动
{
  var YYYYvalue = document.register_form.YYYY.options[document.register_form.YYYY.selectedIndex].value;
  if (YYYYvalue == ""){ var e = document.register_form.DD; optionsClear(e); return;}
  var n = MonHead[str - 1];
  if (str ==2 && IsPinYear(YYYYvalue)) n++;
  writeDay(n)
}
function writeDay(n)   //据条件写日期的下拉框
{
  var e = document.register_form.DD; optionsClear(e);
  for (var i=1; i<(n+1); i++)
  e.options.add(new Option(" "+ i + " 日", i));
}
function IsPinYear(year)//判断是否闰平年
{
  return(0 == year%4 && (year%100 !=0 || year%400 == 0));
}
function optionsClear(e)
{
  e.options.length = 1;
}
</script>
@endsection