@extends('layouts.app')

@section('content')
@if( Auth::check() )
	@php ( $auth=Auth::user()->id ) 
@endif
  <div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
      <div class="page-title">
        <h3> {{ $pageTitle }} <small>{{ $pageNote }}</small></h3>
      </div>
      <ul class="breadcrumb">
        <li><a href="{{ URL::to('dashboard') }}">{{ Lang::get('core.dashboard') }}</a></li>
		<li><a href="{{ URL::to('forumcategory?return='.$return) }}">{{ $pageTitle }}</a></li>
        <li class="active">{{ Lang::get('core.addedit') }} </li>
      </ul>
	  	  
    </div>
 
 	<div class="page-content-wrapper">

		
<div class="sbox animated fadeInRight">
	<div class="sbox-title"> <h4> <i class="fa fa-table"></i>  <small>{{ $pageNote }}</small></h4></div>
	<div class="sbox-content"> 	

		@php ( $id='' )
		@php ( $title='')
		
		 {!! Form::open(array('url'=>'forumcategory/category?return='.$return, 'class'=>'form-horizontal add-category','files' => true , 'parsley-validate'=>'','novalidate'=>' ')) !!}
		 	<div class="form-group hidethis " style="display:none;">
				<label for="Id" class=" control-label col-md-4 text-left"> {{ Lang::get('core.id') }} </label>
				<div class="col-md-6">
				 </div> 
				 <div class="col-md-2">
				 </div>
			 </div> 
			 <div class="form-group  " >
					<label for="Title" class=" control-label col-md-4 text-left"> {!! Lang::get('core.Title')!!} <span class="text-danger"> * </span></label>
					<div class="col-md-6">
					  {!! Form::text('title', $title,array('class'=>'form-control cat-name', 'placeholder'=>'', 'required'=>'true' ,"parsley-minlength"=> '6' , 'data-parsley-minlength-message'=>'Field should be minimum 6 character' )) !!} 
					<span class="cat-alert" style="display:none;"></span>
					
			@foreach($errors->all() as $error)
				<li>{{ $error }}</li>
			@endforeach
		</ul>
					 </div> 
					 <div class="col-md-2">
					 	
					 </div>
			</div> 
				<div style="clear:both"></div>	
				
					
				  <div class="form-group">
					<label class="col-sm-4 text-right">&nbsp;</label>
					<div class="col-sm-8">	
					<button type="submit" name="apply" class="btn btn-info btn-sm" ><i class="fa  fa-check-circle"></i> {{ Lang::get('core.sb_apply') }}</button>
					<button type="submit" name="submit" class="btn btn-primary btn-sm" ><i class="fa  fa-save "></i> {{ Lang::get('core.sb_save') }}</button>
					<button type="button" onclick="location.href='{{ URL::to('forumcategory') }}' " class="btn btn-success btn-sm "><i class="fa  fa-arrow-circle-left "></i>  {{ Lang::get('core.sb_cancel') }} </button>
					</div>	  
			
				  </div> 
		 	
		 {!! Form::close() !!}
	</div>
</div>		 
</div>	
</div>			 
  <script type="text/javascript">
	$(document).ready(function() {

		
		var name ='';
		var status = 0;
		 $('.cat-name').mouseenter(function(){
		 	name = $('.cat-name').val();

		 }).mouseleave(function(){
			// checkcategoryName();
		 });

		 $('.cat-name').change(function(){
		 	checkcategoryName()
		 });

		 function checkcategoryName(){
		 	name = $('.cat-name').val();
		 	name = name.trim();
		 	if (name.length<6){
		 		//status = 0;
		 		//$('.cat-alert').css('color','red');
		 		 //$('.cat-alert').text("Name should be more then 6 characters ");
		 		 //$('.cat-alert').show();
		 	}
		 	
		 	else if(name){
		 		$.ajaxSetup({
					headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() }
				});
		 		$.ajax({
					type: 'GET',
					data:{name:name},
					dataType: "json",
					url: "{!! url('forumcategory/Checkcategory')!!}",
					success:function(res){
			            alertMessage(res);
			            $('.cat-alert').show();
		            },
		            fail:function(){
		            alert("error");
		            }
    			});
		 	}
		 }

		 function alertMessage(res,cat_id){
			
			 	if(res.data == 0){
	          		$('.cat-alert').css('color','green');
	          		 status = 0;
	            }else{
	            	$('.cat-alert').css('color','red');
	            	 status = 1;
	            	
	            }
		 
		 	
            $('.cat-alert').text(res.msg);
		 }

		 $( ".add-category" ).submit(function( event ) {
  			checkcategoryName();
  			if(status == 1){
  				console.log('heree');
  				event.preventDefault();
  			}
		});
	});
	</script>		 
@stop