@extends('layouts.admin', ['title' => 'مشخصات فنی کلی - آیتم‌ها'])
 
@section('css')
<style type="text/css" >
 
  .product-list label,
  .product-list2 label{
	  display:block ;
  }
</style>

@stop

@section('content')

	<h3>مشخصات فنی کلی - آیتم‌ها ({{ $title }})</h3>
	<hr />

		<div class="row">
		  <div class="col-md-12">
			  <input type="text" name="tSearch" id="tSearch" value="" class="form-control" placeholder="جستجو ..."><Br/>

			<form action="{{ url('admin/general_technical_spec/items/' . $id)}}" method="post"  enctype="multipart/form-data">
				<input type="hidden" name="_token" value="{{ csrf_token() }}">

				<div class="form-group">  
				  
					<div  class="product-list"> 
					  <div style="height: 200px;border: 1px solid gray;overflow: auto; padding: 10px" >
						 
					  @foreach($products_list as $item_product) 
					  <label title="{{ cleanTitleForQuickSearch( $item_product->title) }}" for="chk{{ $item_product->id }}"> <input type="checkbox" id="chk{{ $item_product->id }}" value="{{ $item_product->id }}" name="technical_spec_id[]">{{ $item_product->category_title }} - {{  $item_product->title  }}</label>
					  @endforeach
					</div>
					</div> 
				  </div>
				
				
			  <button type="submit" class="btn btn-primary">افزودن</button>
			 
			 

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

		<div class="row">
		  <div class="col-md-12">
			<h3>کالاهای انتخاب شده</h3>

			<input type="text" name="tSearch2" id="tSearch2" value="" class="form-control" placeholder="جستجو ..."><Br/>
			<form action="{{ url('admin/general_technical_spec/items/' . $id . '/delete')}}" method="post"  enctype="multipart/form-data">
			  <input type="hidden" name="_token" value="{{ csrf_token() }}">
 
			  
			  <div class="form-group">  
				<div  class="product-list2"> 
				  <div style="height: 200px;border: 1px solid gray;overflow: auto; padding: 10px" >
					@foreach($data as $item)
					<div> 
						<label title="{{ cleanTitleForQuickSearch( $item->TechnicalSpec->title ) }}" for="chk{{ $item->id }}"> <input type="checkbox" id="chk{{ $item->id }}" value="{{ $item->id }}" name="technical_spec_id[]"> {{ $item->TechnicalSpec->Category->title }} - {{  $item->TechnicalSpec->title  }}</label>
					</div>
					
					@endforeach
				  </div>
				</div>
			  </div>
			  <button type="submit" class="btn btn-danger">حذف</button>
			   
			</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();
	  }
	}); 

	jQuery("#tSearch2").on("change paste keyup", function() {
	  var search = jQuery(this).val().toString().toLowerCase().replaceAll(' ', '').replaceAll('ي', 'ی');
	  if(search.length == 0 ){ 
		jQuery(".product-list2 label").show();
	  } else{ 
		jQuery(".product-list2 label").hide();
		jQuery(".product-list2 label[title*='"+search+"']").show();
	  }
	}); 

  }); 
  </script>
@stop