@extends('layout.wap')
@section('title','用户登陆')
@section('myCss')
<style type="text/css">

.login_con{margin-top:1em;}
.form-group{ width:355px; margin:0 auto; height:50px; margin-bottom:20px;}
.form-group .fa1{ display:block; width:50px; height:50px; float:left;}
.form-group .form-control{ display:block; width:300px; height:48px; float:left; border:1px solid #ccc; padding:0; margin-left:0; text-indent:1em; themeColor: #00a988;border-radius:0px;}
.form-group .form-control:hover{ border:1px solid #0160A0;}
.form-group .checkfont{ color:#666;}
.form-group .btn{ width:350px; height:50px; background-color:#0160A0; border:0px; color:#fff; font-size:14px;}
.fa1-user{ background:url(/assets/img/icon/user.png) no-repeat center;}
.fa1-key{ background:url(/assets/img/icon/pw.png) no-repeat center;}
.form_footer{ margin-top:100px; font-size:12px; color:#5B809A;}
.login_bot,.form_logo{text-align:center;}
.form_logo{margin:3em auto;}
</style>
@endsection
@section('content')
<div class="login_con">
  <div class="login_info">
	<div class="form_logo">
		<h3>碳立方会员登陆</h3>
	</div>
    <form class="lg_form" action="{{url('/dologin')}}" name="reg_testdate" method="post">
		<!--<input style="margin-bottom:10px" type="text" name="phone" value="" placeholder="手机号"><br />
	    <input type="password" name="password" value="" placeholder="密码">
		<input type="hidden" class="redirect" name="redirect" value="">
	    <div class="lg_sub">
		    <p>登录</p>
	    </div>-->
		
		<div class="form-group">
			<i class="fa1 fa1-user"></i>
			<input type="text" class="form-control" name="phone" id="phone" placeholder="Phone" required="required">
			<input type="hidden" class="redirect" name="redirect" value="">
		</div>
		<div class="form-group">
			<i class="fa1 fa1-key"></i>
			<input type="password" class="form-control" name="password" id="password" placeholder="Password" required="required">
		</div>
		<div class="form-group" style="height:25px; line-height:25px; text-align:left;">
			<input type="checkbox" class="" name="checkbox" id="checkbox" placeholder="checkbox" autocomplete="off">
			<span class="checkfont">记住我的帐号</span>
		</div>
		<div class="form-group lg_sub">
			<!--<p class="btn btn-primary btn-block btn-login">登录</p>-->
			<input class="btn btn-primary btn-block btn-login type="submit" value="提交" />
		</div>
    {{csrf_field()}}
    </form>
	  	<div class="login_bot">
	  		<a href="{{url('/forget')}}">忘记密码</a>&nbsp;&nbsp;
	  		<a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx127813b3d903cd62&redirect_uri=http://madmin.carboncubetech.com/wxRegister&response_type=code&scope=snsapi_base&state=123#wechat_redirect">注册</a>
	  	</div>
  </div>
</div>
@if(session('error'))
<script>
//swal('',"{{session('error')}}",'error')
alert("账号或密码错误，请重新登陆！");
</script>
@endif
@endsection

@section('myJs')
<script>
$('.close-reveal-modal , .reveal-modal-bg').click(function(){
  $('.reveal-modal').slideUp(300);
  // $('.reveal-modal-bg').slideUp(300);
  $('.reveal-modal-bg').hide();
})
</script>

<script>
	/*var	h = $('.lg_sub').innerWidth();
	$('.lg_sub').height(h);*/
  var dir = GetQueryString('redirect');
  $('.redirect').val(dir);
// 获取get
function GetQueryString(name){
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}
</script>
<script>
$(function(){
	var ok1=false;
	var ok2=false;
  //验证手机号
  $('input[name="phone"]').focusout(function(){
    if($(this).val() ==''){
      $(this).css('border','1px solid #333');
      $('.login_info').animate({top:"38%"});
      $('.tip').slideDown(400);
      $('.tip').html('手机号不能为空');
      ok1=false;
    }else if(!$(this).val().match(/^[1][3,4,5,7,8][0-9]{9}$/)){
      $(this).css('border','1px solid #333');
      $('.login_info').animate({top:"38%"});
      $('.tip').slideDown(400);
      $('.tip').html('请输入正确的手机号');
      ok1=false;
    }else{
      $(this).css('border','1px solid black');
      $('.login_info').animate({top:"30%"});
      $('.tip').slideUp(300);
      ok1=true;
    }
  });
  //验证密码
  $('input[name="password"]').focusout(function(){
    if($(this).val() ==''){
      $(this).css('border','1px solid red');
      $('.login_info').animate({top:"38%"});
      $('.tip').slideDown(400);
      $('.tip').html('密码不能为空');
      ok2=false;
    }else if(!$(this).val().match(/^[0-9a-zA-Z]{6,15}$/)) {
      $(this).css('border','1px solid red');
      $('.login_info').animate({top:"38%"});
      $('.tip').slideDown(400);
      $('.tip').html('密码由6-15位数字、英文字母组成');
      ok2=false;
    }else{
      $(this).css('border','1px solid black');
      $('.login_info').animate({top:"30%"});
      $('.tip').slideUp(300);
      ok2=true;
    }
  });
	$('.lg_sub').click(function(){
    // swal('',"1111",'error');return;
		if (ok1 && ok2) {
			$('.lg_form').submit();
		}else{
			$('.login_info').animate({top:"38%"});
			$('.tip').slideDown(400);
			$('.tip').html('用户名或密码输入不规范');
		}
	});
	$('.tip').click(function(){
	  $(this).slideUp(400);
	  $('.login_info').animate({top:"30%"});
	});
})
</script>
@endsection