@php
$ThirtMinutes=$GetAssignedResult['ThirtyMinutes'];
$SixtyMinutes=$GetAssignedResult['SixtyMinutes'];
$UserArray=$GetAssignedResult['UserArray'];
$loopcount=0;
echo "<pre>";
	// print_r($getActiveUsersList);
echo "</pre>";
@endphp
</br>
<style>
</style>
<div class="widget-content widget-content-area" height="800">
	<div class="table-responsive">
		<table class="table table-bordered">
			<tr>
				<td><b>Sl.no</b></td>
				<td><b>Users </b></td>
				<td><b>Mails not responded (30 Mins)</b></td>
				<td><b>Mails not responded (60 Mins)</b></td>
			</tr>
			@foreach($getActiveUsersList as $EachUserID=>$EachUser)
				@if(array_key_exists($EachUserID,$UserArray))
					<tr>
						@php
							$loopcount++;
							$loopcountInside=0;
							$CountOfTicket=0;
							$DisplayTicketNO="";
							if(array_key_exists($EachUserID,$ThirtMinutes))
							{
								$CountOfTicket=$ThirtMinutes[$EachUserID][0];
								//$DisplayTicketNO=implode(',',$ThirtMinutes[$EachUserID]);
							}
							$CountOfTicketSixty=$SixtyMinutes[$EachUserID][0];
							
							//$DisplayTicketNOSixtyMinutes=implode(',',$SixtyMinutes[$EachUserID]);
						@endphp
						<td>{{$loopcount}}</td>
						<td>{{$EachUser['name']}}</td>
						<td title="Click here to View the Detail of Tickets">
							@if($CountOfTicket)
							<div data-bs-toggle="modal" data-bs-target="#DisplayGroupMailModal"  style="cursor:pointer" onclick="DisplayAssignedDetailTickets('{{$EachUserID}}',30)">{{$CountOfTicket}}</div>
							@endif
						</td>
						<td title="Click here to View the Detail of Tickets"><div data-bs-toggle="modal" data-bs-target="#DisplayGroupMailModal"  style="cursor:pointer" onclick="DisplayAssignedDetailTickets('{{$EachUserID}}',60)">{{$CountOfTicketSixty}}</div></td>
					</tr>
				@endif
			@endforeach
		<table>
	</div>
</div>

<div class="modal fade" id="DisplayGroupMailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
	<div class="modal-content">
		<div class="modal-header">
			<h5 class="modal-title" id="exampleModalLabel">Assigned Mail Details</h5>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
			  <svg> ... </svg>
			</button>
		</div>
		<div class="modal-body">
			<div id="UpdateModal">
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn" data-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
		</div>
	</div>

<script>

function DisplayAssignedDetailTickets(UserID,Condition)
{
	var formData = {
		UserID: UserID,
		Condition: Condition
	};
	$.ajax({
		url: "{{ url('DisplayAssignedDetailTickets') }}",
		type: 'POST',
		data: formData,
		beforeSend:function(){
			$('#UpdateModal').html("Loading...");
		},
		success: function(result) {
			$('#UpdateModal').html(result);
		},
		complete:function()
		{
		}
	});
}
</script>