@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>گروه جدید</h4>
<div class="row">
	<div class="col-md-12">
		<form action="{{ url('admin/categorygroups/add')}}" method="post">
			<input type="hidden" name="_token" value="{{ csrf_token() }}">

			<div class="form-group">
				<label for="parent_id">والد</label>
				<select name="parent_id" id="parent_id" class="form-control">
					<option selected="selected" value="0">هیچکدام</option>
					@foreach(\App\Models\CategoryGroup::where('parent_id', null)->get() as $cg_item)
					<option value="{{ $cg_item->id }}">{{ $cg_item->title }}</option>
					@foreach(\App\Models\CategoryGroup::where('parent_id', $cg_item->id)->get() as $cg_item2)
					<option value="{{ $cg_item2->id }}">- {{ $cg_item2->title }}</option>
					@foreach(\App\Models\CategoryGroup::where('parent_id', $cg_item2->id)->get() as $cg_item3)
					<option value="{{ $cg_item3->id }}">-- {{ $cg_item3->title }}</option>

					@endforeach
					@endforeach
					@endforeach
				</select>
				<span class="error">{{ $errors->first('parent_id') }}</span>
			</div>

			<div class="form-group">
				<label for="title">عنوان</label>
				<input type="text" class="form-control" id="title" name="title" placeholder="عنوان">
				<span class="error">{{ $errors->first('title') }}</span>
			</div>
			<div class="form-group">
				<label for="link">لینک</label>
				<input type="text" class="form-control" style="direction:ltr;text-align:right;" id="link" name="link"
					placeholder="لینک">
				<span class="error">{{ $errors->first('link') }}</span>
			</div>


			<button type="submit" class="btn btn-primary">ذخیره</button>
			<a href="/admin/categorygroups" 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