@extends('admin.layout')
@section('content')
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1>Details</h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('Details Page') }}</li>
		</ol>
	</section>

	@php
		$getUserRoleData 			= userRoleData();
		$Timeline					= explode(",",$getUserRoleData->timeline);
		
	@endphp

	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
						<div class="col-xs-12">
							<div class="row">
							
								
							</div>
							<br>
						</div>
						<div class="col-xs-12"> 
									<h2 class="text-center">@if(!empty($result['name'])) {{ ucfirst($result['name']) }} @endif

																</h2>
								</div>
						<div class="clearfix"></div>
					  						<div class="row">
							<div class="col-xs-12">		
								@if(in_array("View",$Timeline ))			
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th>{{ trans('#') }}</th>
											
											
											<th>{{ trans('Screenshort Name') }}</th>
											<th>{{ trans('Captured At') }}</th>
											<th>{{ trans('Idle Time') }}</th>
											
											
										</tr>
									</thead>
									<tbody>

						 
										@php($sr=1)
										@if(count($result['tcsData'])>0)
											@foreach ($result['tcsData'] as  $rsVal)		
                                                

												<tr class="@if($rsVal->ideal_time > 300) danger text-danger @endif">
													<td>{{ $sr}}</td>
													
													<td>
														@if(isset($rsVal->screen_name) && !empty($rsVal->screen_name) )
															<a href="javascript:void(0);" class="screenshot" data-img-url="{{ env('TimelineApiBasedUrl') }}{{ $rsVal->screenshot}}">{{ $rsVal->screen_name }}</a>
														@else
															RDP Minimized
														@endif
													</td>

													<td>{{ \Carbon\Carbon::parse($rsVal->created_at)->timezone('US/Mountain')->format("H:i:s A")}}</td>

													
													
													<td>{{ gmdate("H:i:s", $rsVal->ideal_time) }} 
													</td>
													
													

													

												</tr>
											 
											@endforeach
											@elseif( count($result['message'])>0 )

												<tr class="danger text-danger text-center">
													<td colspan="4">On Leave</td>
												</tr>
											@else
											<tr>
												<td colspane="5" class="text-center"> No record found.</td>
											</tr>
										@endif
										 
									</tbody>
				                </table>
								@else
									<p> <strong>Please contact with SuperAdmin</strong></p>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>  

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body text-center">
					<img class="" src="#" style="width:100%">
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
				</div>
			</div>
		</div>
</div>

</div>
</div>
@endsection 
@section('scripts')
@parent
<script>

	$(document).ready(function () {
		$('td a.screenshot').click(function(e) {
			if ($(this).attr('data-img-url') != '') { 
				$('#myModal img').attr('src', $(this).attr('data-img-url')); 
				$('#myModal').modal('show');
			}
		});
	})
</script>
@stop