@extends('layouts.admin', ['title' => 'دسته بندی مقایسه جدید'])
 
@section('css')
<style type="text/css" >
	.product-list{ 
			max-height:300px;
			overflow:auto;
	}

	.product-list label{
			display:block ;
	}
</style>

@stop

@section('content')

	<h3>مدیریت دسته بندی مقایسه</h3>
	<hr /> 
	<h4>دسته بندی مقایسه جدید</h4>
	<div class="row">
		<div class="col-md-12">
			<form action="{{ url('/admin/compare/add/group')}}" method="post"  >
				<input type="hidden" name="_token" value="{{ csrf_token() }}">

				<div class="form-group">
					<label for="title">عنوان</label>
					<input type="text" class="form-control" id="title" name="title" placeholder="عنوان">
					<span class="error">{{ $errors->first('title') }}</span>
				</div>

				<button type="submit" class="btn btn-primary">ذخیره</button>
				<a href="/admin/compare" class="btn btn-default">بازگشت</a>

				<p class="success">{{ session('message') }}</p>
				<p class="error">{{ session('error') }}</p>
			</form>
		</div>
	</div>

@stop


@section('javascript')
	<script>
	jQuery(document).ready(function(){ 
		jQuery("#tSearch").on("change paste keyup", function() {
			var search = jQuery(this).val().toString().toLowerCase().replaceAll(' ', '').replaceAll('ي', 'ی');
			if(search.length == 0 ){ 
				jQuery(".product-list label").show();
			} else{ 
				jQuery(".product-list label").hide();
				jQuery(".product-list label[title*='"+search+"']").show();
			}
		}); 
	}); 
	</script>
@stop