@extends('layouts.admin.master')

@section('content')
	<div id="content">

		<div class="row">
			<div class="col-xs-12 col-md-12 col-lg-12">

				<form action="{{ route('layout_items.index') }}" class="smart-form bg-color-white" method="get">
					<fieldset>
						<section class="col col-3">
							<label class="select">
								<select class="input-sm" name="category">

									{!! Helper::empty_option('filter category') !!}

									@foreach($categories as $category)
										@if($filter->get('category') == $category->id)
											<option value="{{ $category->id }}" selected>{{ $category->title }}</option>
										@else
											<option value="{{ $category->id }}">{{ $category->title }}</option>
										@endif
									@endforeach
								</select><i></i>
							</label>
						</section>
						<section class="col col-3">
							<label class="input">
								<input type="text" name="search" class="input-sm" value="{{ $filter->get('search') }}" placeholder="Type search" autocomplete="off">
							</label>
						</section>
						<section class="col col-3">
							<button type="submit" class="btn btn-primary btn-sm">
								Search
							</button>
						</section>
					</fieldset>
				</form>

			</div>
		</div>

		<div class="row">
			<div class="col-sm-12">

				<div class="well well-sm">

					<div class="row">
						<div class="col-md-12 col-lg-12">

							@if(Session::has('deleted'))
								<section>
									{!! Helper::alert('success', Session::get('deleted'), 'block font-15') !!}
								</section>
							@endif

							<div class="table-responsive">

								<table class="table table-hover">
									<thead>
										<tr>
											<th>#</th>
											<th title="Parent">pr</th>
											<th>Category</th>
											<th>Slug</th>
											<th>Title</th>
											<th>Url</th>
											<th>Icon</th>
											<th>Trslted</th>
											<th>Module</th>
										</tr>
									</thead>
									<tbody>
										@if(count($layout_items) ==0)
											{!! Helper::empty_table(10) !!}
										@endif

										@foreach($layout_items as $key => $layout_item)
									      	<tr>
										        <td>{{ Helper::indexed($layout_items, $key) }}</td>
										        <td>
										        	@if($layout_item->parent !='')
										        		<code>{{ $layout_item->parent }}</code>
										        	@endif
										        </td>
										        <td>
										        	<span class="font-11">
										        		{{ $layout_item->category->title }}
										        	</span>
										        </td>
										        <td>
										        	<code>{{ $layout_item->slug }}</code>
										        </td>
										        <td>{!! $layout_item->title !!}</td>
										        <td>
										        	<span class="font-12">
										        		{{ $layout_item->url }}
										        	</span>
										        </td>
										        <td>{!! $layout_item->icon !!}</td>
										        <td>
										        	@if($layout_item->translate->count() !=0)
										        		<code>{{ implode(',', $layout_item->translate->pluck('language_slug')->toArray()) }}</code>
										        	@endif
										        </td>
										        <td>
										        	<div class="btn-action">
											        	<a href="{{ route('layout_item_translates.create', encrypt($layout_item->id)) }}" class="btn btn-default btn-xs">trsl</a>
											        	<a href="{{ route('layout_items.edit', encrypt($layout_item->id)) }}" class="btn btn-primary btn-xs">edt</a>
											        	<form action="{{ route('layout_items.destroy', encrypt($layout_item->id)) }}" method="post" class="inline-block">
															{{ method_field('delete') }}
															{{ csrf_field() }}
															<button type="button" class="btn btn-danger btn-xs jscfm">Del</button>
														</form>
													</div>
										        </td>
									      	</tr>
										@endforeach
									</tbody>
								</table>

							</div>
							<!-- End + div.table-responsive -->

							<div class="table-footer">

								{{ $layout_items->links() }}

							</div>

						</div>
					</div>
					<!-- End div.row +child -->

				</div>
				<!-- End .well class -->

			</div>
		</div>
		<!-- End div.row +parent -->

	</div>
	<!-- END MAIN CONTENT -->

@endsection