@extends('layouts.admin')

@section('h1') Industry experts @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.industry-experts.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">Avatar</th>
							<th data-priority="1">Name</th>
							<th data-priority="1">Position</th>
							<th data-priority="1">Position color</th>
							<th data-priority="1">Order</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;">
								<img src="{{$object->picture_thumbs['avatar_square_M']}}" style="height: 50px;">
							</td>
							<td style="vertical-align:middle;">
								{{$object->full_name}}
							</td>
							<td style="vertical-align:middle;">
								{{$object->position}}
							</td>
							<td style="vertical-align:middle;">
								<div style="border: 1px solid #000; background: {{$object->position_bg_hex_color}}">
									<span style="padding: 10px; color: {{$object->position_text_hex_color}}">Text</span>
								</div>
							</td>
							<td style="vertical-align:middle;">
								{{$object->order}}
							</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.industry-experts.destroy', $object->id], 'method' => 'delete'])!!}
								<a href="{{route('admin.industry-experts.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>
						@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