@extends('layouts.admin', ['title' => 'تنظیمات - کالاهای نیازمند استعلام'])
 
@section('css')
<style type="text/css" >
 
  .product-list label,
  .product-list2 label{
	  display:block ;
  }
</style>

@stop

@section('content')

	<h3>کالاهای نیازمند استعلام</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/settings/pi/add')}}" 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="product_id[]"> {{  $item_product->title  }}</label>
						@endforeach
					</div>
					</div> 
				  </div>
				
				
			  <button type="submit" class="btn btn-primary">افزودن</button>
			 
			  <a href="/admin/settings/pi/addAll" onclick="return confirm('آیا میخواهید تمام آیتم ها را اضافه نمایید؟');" class="btn btn-primary">افزودن تمام موارد</a>
			  
			  

			  <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/settings/pi/remove')}}" 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->Product->title ) }}" for="chk{{ $item->id }}"> <input type="checkbox" id="chk{{ $item->id }}" value="{{ $item->id }}" name="product_id[]"> {{  $item->Product->title  }}</label>
					</div>
					
					@endforeach
				  </div>
				</div>
			  </div>
			  <button type="submit" class="btn btn-danger">حذف</button>
			  <a href="/admin/settings/pi/removeAll" onclick="return confirm('آیا میخواهید تمام آیتم ها را حذف نمایید؟');" class="btn btn-danger">حذف تمام موارد</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();
	  }
	}); 

	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