@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/dologin')}}" name="" method="post">
		<div class="info">
			<ul>
				<li><input type="text" placeholder="请输入手机号" name="phone" /></li>
				<li>
					<input type="password" placeholder="请输入密码" name="password" />
					<input type="hidden" class="redirect" name="redirect" value="">
				</li>
			</ul>
		</div>
		<div class="info1">
			<ul>
				<li><a href="{{url('/code/register')}}">点击注册</a></li>
				<li><a href="{{url('/code/password')}}">忘记密码</a></li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="info2">
			<input type="submit" name="" class="button" />
		</div>
		 {{csrf_field()}}
		<div class="info3">
			<a href="{{url('/code/register')}}">新用户？点击这里注册</a>
		</div>
	</form>
</div>
@if(session('error'))
<script>
swal('',"{{session('error')}}",'error')
</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 red');
      $('.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 red');
      $('.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