@extends('layouts/gnr_layout')
@section('title', '| App Monitoring Position List')
@section('content')
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default" style="background-color:#708090;">
				<div class="panel-heading" style="padding-bottom:0px">
					@if(@count($app_positions) == 0)
						<div class="panel-options">
							<a href="{{ route('appMonitoringPosition.create') }}" class="btn btn-info pull-right addViewBtn">
								<i class="glyphicon glyphicon-plus-sign addIcon"></i> 
								Add App Monitoring Position
							</a>
						</div>
					@endif
					<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">APP MONITORING POSITION</font></h1>
				</div>
				<div class="panel-body panelBodyView"> 
				<div>
					<script type="text/javascript">
						jQuery(document).ready(function($)
						{
							$("#object_view").dataTable().yadcf([

							]);
						});
					</script>
				</div>
				    <div class="row">
						<div class="col-md-12">
				
					<table class="table table-striped table-bordered" id="object_view">
						<thead>
							<tr>
								<th width="4%">SN#</th>
								<th>Organization</th>
								<th>Position</th>
								<th width="5%">Action</th>
		                    </tr>
		                    {{ csrf_field() }}
						</thead>
						<tbody>
														@foreach($app_positions as $ap_position)
								<tr>
									<td>{{ $SL }}</td>
									<td>{{ @$ap_position->company->name }}</td>
									<td>{{ @$ap_position->position->name }}</td>
									<td>
										<a href="{{Route('appMonitoringPosition.edit',$ap_position->id)}}" class="showUpdateForm">
											<i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
										</a>
									</td>
								</tr>
															@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	@include('dataTableScript')
@endsection

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>