@extends('layout.store')
@section('title','用户登陆')
@section('myCss')
  <link rel="stylesheet" href="/1/css/login.css">
  <style>
    body{
      background: #fff;
    }
  </style>
@endsection
@section('content')
<div class="login_con">
<div class="tip">error</div>
<span>登录</span>
  <div class="login_info">
    <form class="lg_form" action="{{url('/dologin')}}" name="reg_testdate" method="post">
	    <input style="margin-bottom:10px" type="text" name="phone" value="" placeholder="手机号">
	    <input type="password" name="password" value="" placeholder="密码">
      <input type="hidden" class="redirect" name="redirect" value="">
	    <div class="lg_sub">
		    <img src="/1/img/login-btnico.gif" alt="">
		    <p>登录</p>
	    </div>
    {{csrf_field()}}
    </form>
	  	<div class="login_bot">
	  		<a href="{{url('/forget')}}">忘记密码</a>
	  		<a href="{{url('/register')}}">注册</a>
	  	</div>
  </div>
</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