@extends('layouts.admin')

@section('h1') Products categories @stop

@section('content')

<div class="row">
	<div class="col-sm-12">
		<div class="pull-right">
			<a class="btn btn-purple btn-icon btn-icon-standalone" href="{{route('admin.products-categories.create')}}">
				<i class="fa-plus"></i>
				<span>Add new</span>
			</a>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			
			@if (count($objects) > 0)

			<!-- Hover Table -->
			<div class="table-responsive">
				<table class="table table-small-font  table-striped">
					<thead>
						<tr>
							<th data-priority="1">Picture</th>
							<th data-priority="1">ID</th>
							<th data-priority="1">Title</th>
							<th data-priority="1">Products</th>
							<th data-priority="1">Views count</th>
							<th data-priority="1">Is active</th>
							<th data-priority="1">Created</th>
							<th data-priority="1">Actions</th>
						</tr>
					</thead>

					<tbody>
						@foreach($objects as $object)
						<tr>
							<td style="vertical-align:middle;">
								@if($object->picture_filename)
									<img src="{{Storage::disk('products-categories')->url($object->picture_filename)}}" style="height: 40px;">
								@endif
							</td>
							<td style="vertical-align:middle;">
								{{$object->id}}
							</td>
							<td style="vertical-align:middle;">
								<b>{{$object->admin_title}}</b>
							</td>
							<td style="vertical-align:middle;">
								@if($object->child_categories)
									{{$object->child_categories->sum('products_count')}}
								@else
									0
								@endif
							</td>
							<td style="vertical-align:middle;">
								{{$object->views_count}}
							</td>
							<td style="vertical-align:middle;">
								{{$object->is_active ? 'yes' : 'no'}}
							</td>
							
							<td style="vertical-align:middle;">{{$object->created_at->diffForHumans()}}</td>
							<td style="vertical-align:middle;">
								{!!Form::open(['route' => ['admin.products-categories.destroy', $object->id], 'method' => 'delete'])!!}
								<a href="{{route('admin.products-categories.edit', $object)}}" class="btn btn-warning btn-sm btn-icon">
									<i class="fa-pencil"></i>
								</a>
								<button type="submit" class="btn btn-danger btn-icon btn-sm confirm">
									<i class="fa-trash-o"></i>
								</button> 
								{!!Form::close()!!}
							</td>
						</tr>
							@foreach($object->child_categories as $child_category)
								<tr>
									<td style="vertical-align:middle;">
										@if($child_category->picture_filename)
											<img src="{{Storage::disk('products-categories')->url($child_category->picture_filename)}}" style="height: 40px;">
										@endif
									</td>
									<td style="vertical-align:middle;">
										{{$child_category->id}}
									</td>
									<td style="vertical-align:middle;">
										<i>{{$child_category->admin_title}}</i>
									</td>
									<td style="vertical-align:middle;">
										{{$child_category->products_count}}
									</td>
									<td style="vertical-align:middle;">
										{{$child_category->views_count}}
									</td>
									<td style="vertical-align:middle;">
										{{$child_category->is_active ? 'yes' : 'no'}}
									</td>
									
									<td style="vertical-align:middle;">{{$child_category->created_at->diffForHumans()}}</td>
									<td style="vertical-align:middle;">
										{!!Form::open(['route' => ['admin.products-categories.destroy', $child_category->id], 'method' => 'delete'])!!}
										<a href="{{route('admin.products-categories.edit', $child_category)}}" class="btn btn-warning btn-sm btn-icon">
											<i class="fa-pencil"></i>
										</a>
										<button type="submit" class="btn btn-danger btn-icon btn-sm confirm">
											<i class="fa-trash-o"></i>
										</button> 
										{!!Form::close()!!}
									</td>
								</tr>
							@endforeach
						@endforeach

					</tbody>
				</table>
			</div>

			<div align='center'>{!!$objects->render()!!}</div>

			@else
			No items.
			@endif

		</div>
	</div>
</div>

@stop

@section('footer_js')

<link rel="stylesheet" href="{{URL::asset('/assets/js/wysihtml5/src/bootstrap-wysihtml5.css')}}">
<script src="{{URL::asset('/assets/js/wysihtml5/lib/js/wysihtml5-0.3.0.js')}}"></script>
<script src="{{URL::asset('/assets/js/wysihtml5/src/bootstrap-wysihtml5.js')}}"></script>

<link rel="stylesheet" href="{{URL::asset('/assets/js/icheck/skins/all.css')}}">
<script src="{{URL::asset('/assets/js/icheck/icheck.min.js')}}"></script>

<script src="{{URL::asset('/assets/js/ckeditor/ckeditor.js')}}"></script>
<script src="{{URL::asset('/assets/js/ckeditor/adapters/jquery.js')}}"></script>

<script src="{{URL::asset('/assets/js/rwd-table/js/rwd-table.min.js')}}"></script>
<script>
	$(function() {
		$('.table-responsive').responsiveTable({
			addFocusBtn : true,
			addDisplayAllBtn : true
		});
	});
</script>

<link rel="stylesheet" href="{{URL::asset('assets/js/uikit/uikit.css')}}">
<script src="{{URL::asset('assets/js/uikit/js/uikit.min.js')}}"></script>
<script src="{{URL::asset('assets/js/uikit/js/addons/nestable.min.js')}}"></script>

@stop