@extends('layouts.app')

@section('content')

  <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.m_dashboard') !!} </a></li>
		<li><a href="{{ URL::to('sitecategory?return='.$return) }}">{{ $pageTitle }}</a></li>
        <li class="active">{{ Lang::get('core.addedit') }} </li>
      </ul>
	  	  
    </div>
 
 	<div class="page-content-wrapper">

		<ul class="parsley-error-list">
			@foreach($errors->all() as $error)
				<li>{{ $error }}</li>
			@endforeach
		</ul>
<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"> 	
		
		 {!! Form::open(array('url'=>$pgurl, 'class'=>'form-horizontal add-category','files' => true , 'parsley-validate'=>'','novalidate'=>' ')) !!}
<div class="col-md-12">
						<fieldset>
					<input type="hidden" name="cateogry_id" id="category_id" value="{!! $row['id'] !!}">
									
								  <!-- <div class="form-group  " >
									<label for="Id" class=" control-label col-md-4 text-left"> Id </label>
									<div class="col-md-6">
									  {!! Form::text('id', $row['id'],array('class'=>'form-control', 'placeholder'=>'',   )) !!} 
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 	 -->				
								  <div class="form-group  " >
									<label for="Name" class=" control-label col-md-4 text-left"> {{ Lang::get('core.Name') }} <span class="asterisk">*</span></label>
									<div class="col-md-6">
									  {!! Form::text('name', $row['name'],array('class'=>'form-control cat-name', 'placeholder'=>'', 'required'=>'true'  )) !!} 
									  <span class="cat-alert" style="display:none;"></span>
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 					
								 <!--  <div class="form-group  " >
									<label for="Slug" class=" control-label col-md-4 text-left"> Slug </label>
									<div class="col-md-6">
									  {!! Form::text('slug', $row['slug'],array('class'=>'form-control', 'placeholder'=>'',   )) !!} 
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 					
								  <div class="form-group  " >
									<label for="Image" class=" control-label col-md-4 text-left"> Image </label>
									<div class="col-md-6">
									  {!! Form::text('image', $row['image'],array('class'=>'form-control', 'placeholder'=>'',   )) !!} 
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 					
								  <div class="form-group  " >
									<label for="Parent Id" class=" control-label col-md-4 text-left"> Parent Id </label>
									<div class="col-md-6">
									  {!! Form::text('parent_id', $row['parent_id'],array('class'=>'form-control', 'placeholder'=>'',   )) !!} 
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 					
								  <div class="form-group  " >
									<label for="Created At" class=" control-label col-md-4 text-left"> Created At </label>
									<div class="col-md-6">
									  
				{!! Form::text('created_at', $row['created_at'],array('class'=>'form-control datetime', 'style'=>'width:150px !important;')) !!} 
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 					
								  <div class="form-group  " >
									<label for="Updated At" class=" control-label col-md-4 text-left"> Updated At </label>
									<div class="col-md-6">
									  
				{!! Form::text('updated_at', $row['updated_at'],array('class'=>'form-control datetime', 'style'=>'width:150px !important;')) !!} 
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> 	 -->				
								  <div class="form-group  " >
									<label for="Status" class=" control-label col-md-4 text-left">  {{ Lang::get('core.Status') }}  </label>
									<div class="col-md-6">
										<input type="checkbox" name="status" id="status" value="enable" {{$status}}> {{ Lang::get('core.Enable') }}
										
									 <!--  {!! Form::text('status', $row['status'],array('class'=>'form-control', 'placeholder'=>'',   )) !!}  -->
									 </div> 
									 <div class="col-md-2">
									 	
									 </div>
								  </div> </fieldset>
			</div>
			
			
			<div style="clear:both"></div>	
				
					
				  <div class="form-group">
					<label class="col-sm-4 text-right">&nbsp;</label>
					<div class="col-sm-8 btn-section">	
					<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('sitecategory?return='.$return) }}' " 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').keyup(function(){
		 	checkcategoryName()
		 });

		 function checkcategoryName(){
		 	name = $('.cat-name').val();
		 	cat_id = $('#category_id').val();
		 	if(name){
		 		$.ajaxSetup({
					headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() }
				});
		 		$.ajax({
					type: 'GET',
					data:{name:name,cateogry_id:cat_id},
					dataType: "json",
					url: "{!! url('sitecategory/checkcategory')!!}",
					success:function(res){
			            alertMessage(res,cat_id);
			            $('.cat-alert').show();
		            },
		            fail:function(){
		            alert("error");
		            }
    			});
		 	}
		 }

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

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