@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 />


@inject('products', 'App\Models\Product')

<h4>انتخاب محصولات - {{ $group_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:250px;">عملیات</th>
				<th>عنوان</th>
			</tr>

			@foreach($data as $item)
			<tr>
				<td>
					<a href="/admin/groups/{{ $group_id }}/products/{{ $group_title }}/delete/{{ $item->id }}"
						onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');"
						class="confirm-delete btn btn-danger btn-sm">حذف</a>

				</td>
				<td>{{ $item->title }}</td>

			</tr>
			@endforeach
		</table>


		@endif
	</div>
	@inject('db','DB')
	<div class="col-md-6">
		<form action="{{ url('admin/groups/product/add')}}" method="post">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">

			<input type="hidden" name="group_id" value="{{ $group_id }}">
			<input type="hidden" name="group_title" value="{{ $group_title }}">

			<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/groups" 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