@extends('layouts.admin')

@section('h1') {{$country->official_name}} cities @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.meta.locations.cities.create', [$country])}}">
				<i class="fa-plus"></i>
				<span>Add new</span>
			</a>
			<a class="btn btn-purple btn-icon btn-icon-standalone" href="{{route('admin.meta.locations.countries.index')}}">
				<i class="fa-arrow-left"></i>
				<span>Countries list</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">Country</th>
							<th data-priority="1">Title</th>
							<th data-priority="1">Order</th>
							<th data-priority="1">Is Active</th>
							<th data-priority="1">Updated</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;">{{$object->country->official_name}}</td>
							<td style="vertical-align:middle;">
								{{ $object->official_name}}
							</td>
							<td style="vertical-align:middle;">
								{{ $object->order}}
							</td>
							<td style="vertical-align:middle;">{{ $object->visible ? 'yes' : 'no'}}</td>
							<td style="vertical-align:middle;">{{$object->updated_at->diffForHumans()}}</td>
							<td style="vertical-align:middle;">{{$object->created_at->diffForHumans()}}</td>
							<td style="vertical-align:middle;">
								{!!Form::open(['route' => ['admin.meta.locations.cities.destroy', $country, $object], 'method' => 'delete'])!!}
								<a href="{{ route('admin.meta.locations.cities.edit', [$country, $object]) }}" class="btn btn-warning btn-icon btn-sm">
									<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