@extends('layouts.login')

@section('content')
	
<div class="ajaxLoading"></div>
	    
	<div class="form-signin">
			
			<p class="message alert alert-danger " style="display:none;"></p>	
	 
		    	@if(Session::has('status'))
		    		@if(session('status') =='success')
		    			<p class="alert alert-success">
							{!! Session::get('message') !!}
						</p>
					@else
						<p class="alert alert-danger">
							{!! Session::get('message') !!}
						</p>
					@endif		
				@endif

			<ul class="parsley-error-list">
				@foreach($errors->all() as $error)
					<li>{{ $error }}</li>
				@endforeach
			</ul>		
	

		
		<div id="tab-sign-in" class="authentication-form">




	 		{!! Form::open(array('url'=>'user/signin', 'class'=>'form-material','id'=>'LoginAjax' , 'parsley-validate'=>'','novalidate'=>' ')) !!}

	 		
            <div style="width: 100%;text-align:center;">
            <div class="input-container ">
            <i class="las la-envelope icon fa-2x"></i>
            <input type="email" id="inputEmail" class="input-field"  name="email"  placeholder="{{ __('core.email') }}" required autofocus  style="font-size: 16px;">
            </div>
	   
	        <div class="input-container">
            <i class="las la-key icon fa-2x"></i>
            <input type="password" id="inputPassword"  name="password" class="input-field" placeholder="{{ __('core.password') }}" required style="font-size: 16px;">
            </div>
            </div>

			@if(config('sximo.cnf_recaptcha') =='true') 
			<div class="form-group has-feedback  animated fadeInLeft delayp1">
				<label class="text-left"> Are u human ? </label>	
				<div class="g-recaptcha" data-sitekey="6Le2bjQUAAAAABascn2t0WsRjZbmL6EnxFJUU1H_"></div>				
				<div class="clr"></div>
			</div>	
		 	@endif	
		 	<div class="text-center" style="margin-top:50px;">
			 	<button class="btn btn-info" type="submit" style="background-color:#ffa106;border-color:#ffa106;font-weight: 600;font-size: 13px;display: inline-block;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 10px;"><i class="las la-sign-in-alt" style="font-size: 22px;vertical-align: middle; margin-top:-3px"></i> Entrar </button> 
			</div> 	




			<!--<div class=" pt-2 pb-2 " >					       
					<p class="text-center ">						
						<a href="javascript:void(0)" class="forgot"> @lang('core.forgotpassword') ? </a> | 
						<a href="{{ url('user/register')}}"> @lang('core.registernew') </a>
					</p>				
			</div>	
			
			<div class="animated fadeInUp delayp1">
				<div class="form-group  ">
					@if($socialize['google']['client_id'] !='' || $socialize['twitter']['client_id'] !='' || $socialize['facebook'] ['client_id'] !='') 
					
					<p class="text-muted text-center"><b> {{ Lang::get('core.loginsocial') }} </b>	  </p>
					
					<div style="padding:15px 0; text-align: center;">
						@if($socialize['facebook']['client_id'] !='') 
						<a href="{{ url('user/socialize/facebook')}}" class="btn btn-circle btn-success"><i class="ti-facebook"></i> </a>
						@endif
						@if($socialize['google']['client_id'] !='') 
						<a href="{{ url('user/socialize/google')}}" class="btn btn-circle btn-danger"><i class="ti-google"></i> </a>
						@endif
						@if($socialize['twitter']['client_id'] !='') 
						<a href="{{ url('user/socialize/twitter')}}" class="btn btn-circle  btn-info"><i class="ti-twitter"></i> </a>
						@endif
					</div>
					@endif
				</div>	

			    <p style="padding:5px 0" class="text-center">
			  <a href="{{ url('')}}"> {{ Lang::get('core.backtosite') }} </a>  
		   		</p>
		   	</div>	
		   </form>			
		</div>
		

		<div class=" m-t" id="tab-forgot" style="display: none">				
			{!! Form::open(array('url'=>'user/request', 'class'=>'form-vertical form-material', 'parsley-validate'=>'','novalidate'=>' ')) !!}
			   <div class="form-group has-feedback">
			   <div class="">
					<label>{{ Lang::get('core.enteremailforgot') }}</label>
					<input type="text" name="credit_email" placeholder="{{ Lang::get('core.email') }}" class="form-control" required/>
				</div> 	
				</div>
				<div class="form-group has-feedback">    
					<a href="javascript:;" class="forgot btn btn-warning"> Cancel </a>     
			      <button type="submit" class="btn btn-primary "> {{ Lang::get('core.sb_submit') }} </button>        
			  </div>
			  
			  <div class="clr"></div>

			  
			</form>		
		</div>


		
	</div>
	
 

-->

<script type="text/javascript">
	$(document).ready(function(){

		$('.forgot').on('click',function(){
			$('#tab-forgot').toggle();
			$('#tab-sign-in').toggle();
		})
		var form = $('#LoginAjax'); 
		form.parsley();
		form.submit(function(){
			
			if(form.parsley().isValid()){			
				var options = { 
					dataType:      'json', 
					beforeSubmit :  showRequest,
					success:       showResponse  
				}  
				$(this).ajaxSubmit(options); 
				return false;
							
			} else {
				return false;
			}		
		
		});

	});

function showRequest()
{
	$('.ajaxLoading').show();		
}  
function showResponse(data)  {		
	
	if(data.status == 'success')
	{
		window.location.href = data.url;	
		$('.ajaxLoading').hide();
	} else {
		$('.message').html(data.message)	
		$('.ajaxLoading').hide();
		$('.message').show(data.message)	
		return false;
	}	
}	

    /* document.getElementById("close-window").addEventListener("click", function(){ 
       window.close();
   });*/

</script>
<style>
* {box-sizing: border-box;}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 85%;
  margin-bottom: 20px;
  margin-left:auto;
  margin-right:auto;
  
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  
   border-radius: 10px;
   overflow: hidden;
    
  
  
}

.icon {
  padding: 10px;
  background: #4a7cb5;
  color: white;
  min-width: 50px;
  text-align: center;
  
}

.input-field{
  width: 100%;
  padding: 10px;
  outline: none;
  border:0;
}

.input-field:focus {
  border: 2px solid #4a7cb5;
  border-radius: 0px 10px 10px 0px;
}
 

::placeholder { /* Firefox, Chrome, Opera */
    color: #474747;
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #474747;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #474747;
}
    
    
</style>
@stop