@extends('layouts/home/app')
@section('title')
{{trans('common.title_login')}}
@endsection
@section('content')
<style>
  body{ }
</style>
<div style="background:url('/images/home/enquire.jpg') no-repeat;background-size:100% 100%;height:850px">
<div class="container" style="">
    <div id="login-title"  >
      
    </div>
	<div id='tips' class='notify'></div>
<div id="login" style="border:1px solid #d8dee2;border-radius: 5px;padding:2% 2%">

        <div id="form"  style="" >
        <p style='text-align: center;font-size:30px;margin-bottom:20px'>Access Your Account</p>
            <form role="form">
			{!! csrf_field() !!}
                <div class="form-group">
                    <label for="username">User Name</label>
                    <input  type="text" class="form-control my-inp" id="username" name='username'
                           placeholder="{{trans('register.tips_email')}}" style="width:95%">
						    <span id="username-notify" class="notify"></span>
                </div>

                <div class="form-group">
                    <label for="password" style="width:90%">Password
                    <a style="float: right;:right" href="{{URL('passport/forgetpwd')}}">{{trans('register.title_forgetpwd')}}</a>
                    </label>
                    <input type="password" class="form-control my-inp" id="password" name='password'
                           placeholder="{{trans('register.tips_pwd')}}" style="width:95%;background:#e2e3d8">
						   <span id="password-notify" class="notify"></span>
                </div>

                <button type="button" id='sub-login' class="btn btn-default btn-lg btn-block" style="width:95%;font-weight: normal">Login</button>
            </form>



</div>
        </div>
    </div>
<script>
	$(function(){
		$('#sub-login').click(function(){
			$('.notify').html('')
			$.ajax({
				url:"{{URL('passport/dologin')}}",
				data:$('form').serialize(),
				dataType:"JSON",
				type:"POST",
				success:function(data){
					if(!data.success)
					{
						$('#tips').html(data.msg);
					}
					else
					{
						location.href="{{URL('users')}}";
					}
				},
				error:function(data){
					$.each(data.responseJSON, function (key, value) {
                          $("#"+key+"-notify").html(value)
                    });
				},
			})
		})
	})
</script>
@endsection