@extends('layouts.master')

@section('page-title') عرض صلاحيات المستخدم @endsection

@section('content')
	<div class="clearfix"></div>

	<div class="row">
		<div class="col-md-12">
			<div class="portlet light bordered">
				<div class="portlet-title">
					<div class="caption font-dark">
						<i class="icon-settings font-dark"></i>
						<span class="caption-subject bold uppercase">عرض صلاحيات المستخدم</span>
					</div>
				</div>
				<div class="portlet-body">
					<div id="category_tree" class="tree-demo">
						<ul>
							@foreach($categories as $category)
								@if($category->parent_id == 0)
								<li class="jstree-open category" data-id="{{ $category->id }}"> {{ $category->name_ar }}
									<ul>
										@foreach($categories->where('parent_id', $category->id)->all() as $child)
											<li name="category[]" class="category" data-id="{{ $child->id }}" 
											value="{{ $child->id }}"> {{ $child->name_ar }} </li>
										@endforeach
									</ul>
								</li>
								@endif
							@endforeach
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
@stop

@push('page_level_style')
	<link href="{{ URL::asset('assets/global/plugins/jstree/dist/themes/default/style.min.css') }}" rel="stylesheet" type="text/css" />
	<link href="{{ URL::asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
@endpush

@push('page_level_script')
	<script type="text/javascript">
		$('#category_tree').jstree({
			'plugins': ["wholerow", "types"]
		});
	</script>
@endpush

@push('page_level_plugin')
		<script src="{{ URL::asset('assets/global/plugins/jstree/dist/jstree.min.js') }}"></script>

		
		<script src="{{ URL::asset('assets/global/scripts/datatable.js') }}"></script>
		<script src="{{ URL::asset('assets/global/plugins/datatables/datatables.min.js') }}"></script>
		<script src="{{ URL::asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}"></script>
@endpush