@inject('request', 'Illuminate\Http\Request')
@extends('layouts.dashboard')

@section('title')
#{{$job->id}} Jobs's Task
@endsection
@section('content')

<div class="m-portlet m-portlet--mobile">
	<div class="m-portlet__body">
		<!--begin: Datatable -->
		<table class="m-datatable" id="html_table" width="100%">
			<thead>
				<tr>
					<th title="Field #1">JOB ID</th>
					<th title="Field #2">Job Type</th>
					<th title="Field #3">Task Category</th>
					<th title="Field #4">Task Name</th>
					<th title="Field #5">Status</th>
					<th title="Field #6">Action</th>
				</tr>
			</thead>


			<tbody>
				@if (count($job->tasks) > 0)
				@foreach ($job->tasks as $task)
				<a href="/job/{{ $job->id }}">
				<tr data-entry-id="{{ $job->id }}">
					<td field-key='id'>{{ $job->id }}</td>
					<td field-key='job_type'>{{ $job->job_type}}</td>
					<td  field-key='task_category'>{{$task->category}}</td>
					<td  field-key='task_name'>{{$task->task}}</td>
					@if($task->task_status == 'stopped')
					<td>
						<span class="m-badge m-badge--success m-badge--wide">Completed</span><br>
						<span>Total Time: {{$task->total_time}}</span>
					</td>
					@else
					<td  field-key='task_status'>
						{{$task->task_status}}
					</td>
					@endif
					<td >
						@if( $task->task_status == 'not_started')
						<a class="btn" href="/staff/job/task/{{$job->id}}/{{$task->id}}/start"><i class="fa fa-play" aria-hidden="true"></i></a>
						@elseif( $task->task_status == 'started')
						<a class="btn"  href="/staff/job/task/{{$job->id}}/{{$task->id}}/pause"><i class="fa fa-pause" aria-hidden="true"></i></a>
						<a class="btn"  href="/staff/job/task/{{$job->id}}/{{$task->id}}/stop"><i class="fa fa-stop" aria-hidden="true"></i></a>
						@elseif( $task->task_status == 'paused')
						<a class="btn"  href="/staff/job/task/{{$job->id}}/{{$task->id}}/resume"><i class="fa fa-play" aria-hidden="true"></i</a>
						@endif
					</td>
				</tr>
				</a>
				@endforeach
				@else
				<tr>
					<td colspan="18">@lang('global.app_no_entries_in_table')</td>
				</tr>
				@endif
			</tbody>
		</table>
		<!--end: Datatable -->
	</div>
</div>
@stop
@section('javascript') 
<script>

</script>
@endsection