@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>محصولات دسته بندی «{{ $group_data->title }}»</h4>

	<div class="row">
	<div  class="col-xs-6">
		@if(count($data)==0)
		<div class="alert alert-info" role="alert">
			اطلاعاتی برای نمایش دادن وجود ندارد.
		</div>
		@else
		<table class="table table-striped">
			<tr>
				<th style="width:150px;">عملیات</th> 
				<th>عنوان</th>  
			</tr>

			@foreach($data as $item)
				<tr>
					<td>
						<a href="/admin/compare/delete/group/{{ $group_data->id }}/product/{{ $item->id }}" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="confirm-delete btn btn-danger btn-sm" >حذف</a> 
					</td> 
					<td>{{ $item->title }}</td>   
				</tr>
			@endforeach
		</table> 
		@endif
	</div>


	<div  class="col-xs-6">
	@inject('db','DB')
		<form action="{{ url('/admin/compare/group/products/add')}}" method="post"  >
			<input type="hidden" name="_token" value="{{ csrf_token() }}">
			<input type="hidden" name="group_id" value="{{ $group_data->id }}">

			
			<div class="form-group">  
			<input type="text" name="tSearch" id="tSearch" value="" class="form-control" placeholder="جستجو ..."><Br/>
			<div  class="product-list">
				@foreach($products_list as $item_product)
				<label title="{{ cleanTitleForQuickSearch( $item_product->title) }}"><input type="checkbox" name="product[]" value="{{ $item_product->id }}"> {{ $item_product->title }}</label>
				@endforeach
			</div> 
			</div>

			<button type="submit" class="btn btn-primary">افزودن</button>
			<a href="/admin/compare" class="btn btn-default">بازگشت</a>
			
		</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