@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 />
   
	  <p>
	  <a href="/admin/groups/add" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> گروه جدید</a>
	  </p>

	  <div class="row">
		  <div  class="col-xs-12">
			  @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>
					  <th>لینک</th>
				  </tr>

				  @foreach($data as $item)
					  <tr>
						  <td>
							<a href="/admin/groups/delete/{{ $item->id }}" onclick="return confirm('آیا میخواهید آیتم مورد نظر حذف شود؟');" class="confirm-delete btn btn-danger btn-sm" >حذف</a>
							<a href="/admin/groups/edit/{{ $item->id }}" class="btn btn-primary btn-sm"  >ویرایش</a>
							<a href="/admin/groups/{{ $item->id }}/products/{{ $item->title }}" class="btn btn-default btn-sm"  >محصولات</a>
						  </td>
						  <td>{{ $item->title }}</td>
						  <td><input type="text" readonly="readonly" class="form-control" style="direction:ltr;max-width:300px;" value="/groups/{{ $item->id }}/{{ $item->link }}" /></td>

					  </tr>
				  @endforeach
			  </table>

			  <div style="text-align: center;">
			   {!! $data->render(); !!}
			   </div>

			  @endif
		  </div>
		  <div  class="col-xs-6">
			  <div id="dvData">

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