@extends('admin.layouts.master')
@section('metatags')
	<meta name="description" content="{{{@$websiteSettings->site_meta_description}}}" />
	<meta name="keywords" content="{{{@$websiteSettings->site_meta_keyword}}}" />
	<meta name="author" content="{{{@$websiteSettings->site_meta_title}}}" />
@stop
@section('seoPageTitle')
 <title>{{{ $pageTitle }}}</title>
@stop
@section('styles')
@parent
	<style>
        html,body {
            height: 100%;
        }

        body {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding-top: 40px;
            padding-bottom: 40px;
        }
		.login-logo img {

			/*background-color: #3aa492;*/
		}
    </style>
@stop
{!! RecaptchaV3::initJs() !!}
@section('content')
@section('bodyClass')
@parent
  hold-transition login-page
@stop
 <div class="splash-container">
    <div class="card ">
        <div class="card-header text-center" style="background-color: #fba71b ;">
			<a class="login-logo" href="{{ asset('/') }}">
				<img class="logo-img" src="{{ ($websiteSettings) ? PP($websiteSettings->getMeta('logo_main')) : '' }}" alt="logo">
			</a>
			<span class="splash-description" style="margin-top: 15px; color: #fff; padding-bottom: 0;">Please enter your user information.</span>
			@if(session()->has('login_tries') && session('login_tries') >= 1)
				<span class="splash-description">{{ ( 3 -  session('login_tries') ) }} login attempts left.</span>
			@endif
		</div>
        <div class="card-body">
            
             {!! Form::open(['autocomplete'=>'new','id'=>'login-form']) !!}
                <div class="form-group">
                    <input type="email" name="email_" class="form-control form-control-lg" value="{{request()->input('user_email')}}" placeholder="Email" autocomplete="new" >
                </div>
                <div class="form-group">
                    <input type="password" name="password_" id="password" class="form-control"  placeholder="Password" autocomplete="new-password" >
                </div>
				{!! RecaptchaV3::field('login-form') !!}
                <button type="submit" class="btn btn-default btn-lg btn-block" style="background:#fba71b ;color:#fff;">Sign in</button>
                <input type="hidden" name="user_email" value="" />
                <input type="hidden" name="password" value="" />
             {!! Form::close() !!}
        </div>
    </div>
 </div>
@stop

@section('scripts')
@parent
<script type="text/javascript" src='https://www.google.com/recaptcha/api.js?onload=execute&hl=en' async defer></script>
<script>
	function execute(){
		grecaptcha.execute();
	}

	function submitVote(){
		$('#login-form').submit();
	}

      $('#login-form').validate({
		   rules:{

			'g-recaptcha-response':{
                required:true,
            },
			'email_':{
                required:true,

            },
			'password_':{
                required:true,

            },
		   }

      });

	$(function(){

		$('form').on('submit', function() {

			if(grecaptcha.getResponse()){
				$('[name="user_email"]').val($('[name="email_"]').val());
				$('[name="email_"]').val('');
				$('[name="password"]').val($('[name="password_"]').val());
				$('[name="password_"]').val('');
				return true;
			}else{
				grecaptcha.reset();
				grecaptcha.execute();
			}

			return false;
		  });

	});
</script>
@stop