@extends('admin.layoutLlogin')
@section('content')
<div class="login-box">
  <div class="login-logo">
   <!-- 	<img src="{{asset('assets/admin/images/admin_logo/logo-android-blue-v1.png')}}" class="ionic-hide"> 
   	<img src="{{asset('assets/admin/images/admin_logo/logo-ionic-blue-v1.png')}}" class="android-hide">  -->
    <div style="font-size: 25px;"><b> {{ trans('labels.welcome_message') }}</b>{{ trans('labels.welcome_message_to') }}</div>
  </div>
  <!-- /.login-logo -->
	<div class="login-box-body">
		<p class="login-box-msg">{{ trans('labels.login_text') }}</p>
		<!-- if email or password are not correct -->
		@if( count($errors) > 0)
			@foreach($errors->all() as $error)
				<div class="alert alert-danger" role="alert">
					  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
					  <span class="sr-only">{{ trans('labels.Error') }}:</span>
					  {{ $error }}
				</div>
			 @endforeach
		@endif
		
		@if(Session::has('loginError'))
			<div class="alert alert-danger" role="alert">
				  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
				  <span class="sr-only">{{ trans('labels.Error') }}:</span>
				  {!! session('loginError') !!}
			</div>
		@endif

		
		{!! Form::open(array('url' =>'admin/checkLogin', 'method'=>'post', 'class'=>'checkLogin', 'id'=>'checkLogin')) !!}
			<div class="form-group has-feedback">
				{!! Form::email('email', $email, array('class'=>'form-control', 'id'=>'email', 'placeholder'=>'Email address', 'required'=>'required')) !!}
				<span class="glyphicon glyphicon-envelope form-control-feedback-login"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="password" name='password' class='form-control' id="password" value="{{$password}}" placeholder='Password' required>       
				<span class="glyphicon glyphicon-lock form-control-feedback-login"></span>
			</div>
			<div class="row">        
				<div class="col-xs-8">
					<label class="">
						<input type="checkbox" name="remember_me" value="" @if(!empty($remember_me) && $remember_me == "Yes") checked="" @endif> Remember Me
					</label>
				</div>       
				<div class="col-xs-4 pull-right">
					{!! Form::submit(trans('labels.login'), array('id'=>'login', 'class'=>'btn btn-primary btn-block btn-flat' )) !!}
				</div>
			</div>
		{!! Form::close() !!}
	</div>
  <!-- /.login-box-body -->
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script type="text/javascript">
	// Password Check
	$.validator.addMethod("pwcheck", function(value) {
		return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,50}$/.test(value) // consists of only these
	});
	
	// Email Check
	$.validator.addMethod("email", function(value) {
		return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
	});
	// Password Change form validation
	$( "#checkLogin" ).validate( {
			rules: {
				email: {
					required: true,
					email: true
				},
				password: {
					required: true,
					pwcheck: true
				},
			},
			messages: {
				email: {
					required:"Please enter email address",
					email:"Please enter valid email address"
				},
				password: {
					required:"Please enter password",
					pwcheck:"Password must be min 6 digit, max 50 digit, at least 1 numeric, at least 1 lowercase, at least 1 uppercase & at least 1 special"
				},
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				// in order to add icons to inputs
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-envelope" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );
</script>
@endsection