@extends('admin.layout')
@section('content')
<style>
		#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;

    display: block;
    width: 300%;
    height: 300%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
	.content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('Current Status') }} <small> {{ trans('Current Status') }}...</small> </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>Timeline</li>
			<li class="active"> {{ trans(' Current Status') }}</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="row">
								<div class="col-xs-12"> 
									<h2 class="text-center">Today-{{\Carbon\Carbon::now()->timezone('Canada/Mountain')->toFormattedDateString()}}</h2>
								</div>
							</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('Name') }}</th>
											<th>{{ trans('Idle Time') }}</th>
											<th>{{ trans('Screen Name') }}</th>
											<th>{{ trans('Captured At') }}</th>
											<th>{{ trans('Status') }}</th>
											
										</tr>
									</thead>
									<tbody>
																				@php($sr=1)
										@if(count((array) $result)>0)
											@foreach ($result['tcsData'] as  $rsVal)		
 
												<tr class="@if($rsVal->ideal_time > 300) danger text-danger @endif">
													<td>{{ $sr}}</td>
																										<td>
														<a class="" href="timeline-current-status-details/{{ $url }}">	
														   {{ ucfirst($rsVal->name) }}
														</a>
													</td>
													
											@if($rsVal->on_leave == 'yes')
													
												<td class="text-center danger text-dange" colspan="4">On Leave</td>
											@else
													<td>{{ gmdate("H:i:s", $rsVal->ideal_time) }} </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('Canada/Mountain')->format("H:i:s A")}}</td>
													<td>
														@if($rsVal->ideal_time < 300)
															<span class="text-success ">
																Active
															</span>
														@else
															<span class="text-danger">
																Inactive
															</span>
														@endif


													</td>
												@endif
												</tr>
																						@endforeach
											
											@else
											<tr>
												<td colspane="6" 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 id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</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>
	function submitSearchForm() {
		document.getElementById("search_form").submit();
	}

	$(document).ready(function () {
		$('td a.screenshot').click(function(e) {
			 
				$('#myModal img').attr('src', $(this).attr('data-img-url')); 
				$('#myModal').modal('show');
			  
		});
	})
</script>
<script>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
  </script>
@stop