@extends('layouts.header')
@section('content')
@php
$total_records=$TotalRecordsCnt;
$page_num=$Page_num;
$start_from = ($Page_num-1)*$limit;
echo "<pre>";
	//print_r($GetTasknTicketDetail);
echo "</pre>";
$TicketPriority=$GetDropdownLists['62'];
$TicketStatus=$GetDropdownLists['64'];
//$a=1;
$a=$start_from+1;
//echo $start_from;
$ModuleId="806867ab-96a5-11eb-948a-56b1773fd56f";
@endphp
<br>
<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="widget-content widget-content-area">
			<div class="table-responsive">
				<table class="table table-bordered mb-4">
					<thead>
						<tr>
							<th class="text-center">Sl no</th>
							<th class="text-center">Ticket TicketNumber</th>
							<th class="text-center">Ticket Name</th>
							<th class="text-center">TAT Date</th>
							<th class="text-center">Created Date</th>
							<th class="text-center">Updated Date</th>
							<th class="text-center">Status</th>
							<th class="text-center">Assigned User</th>
							<th class="text-center">Edit</th>
						</tr>
					</thead>
					<tbody>
						@foreach($GetTasknTicketDetail as $EachRecord)
						<tr>
							<td>{{$a}}</td>
							<!--<td><a href="/ShowDetailView//"><font color="blue">{{$EachRecord->TicketNumber}}</font></a></td>-->
							<td title="View Conversation & Compose Mail"><a onclick="ViewMail('{{$EachRecord->TicketId}}','{{$ModuleId}}','{{$EachRecord->TicketNumber}}')"  data-toggle="modal" data-target="#DisplayEmailView"><font color="blue" style="cursor:pointer">{{$EachRecord->TicketNumber}}</font></a></td>
							<td title="View the Ticket in Detail"><a href="/ShowDetailView//"><font color="blue">{{$EachRecord->TicketName}}</font></a></td>
							<td>{{$EachRecord->TAT}}</td>
							@php
								$DisplayCreatedDate="";
								if($EachRecord->CreatedDate)
								{
									$CreatedDate=$EachRecord->CreatedDate;
									$DisplayCreatedDate=date('d-m-Y h:i a',strtotime("$CreatedDate"));
								}
								$DisplayUpdatedDate="";
								if($EachRecord->UpdatedDate)
								{
									$UpdatedDate=$EachRecord->UpdatedDate;
									$DisplayUpdatedDate=date('d-m-Y h:i a',strtotime("$UpdatedDate"));
								}
							@endphp
							<td>{{$DisplayCreatedDate}}</td>
							<td>{{$DisplayUpdatedDate}}</td>
							<td>
								@php
									if(array_key_exists($EachRecord->Status,$TicketStatus))
									{
										echo $TicketStatus[$EachRecord->Status];
									}
								@endphp
							</td>
							<td>{{$EachRecord->name}}</td>
							<td title="Edit the Ticket">
								<a href="/ShowEditView//">
								<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2 p-1 br-6 mb-1"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg>
								</a>
							</td>
						</tr>
						@php
						$a++;
						@endphp
						@endforeach
					</tbody>
				</table>
			</div>
			<!--Pagination-->
			<br>
			<div class="paginating-container pagination-solid">
			
				<ul class="pagination">
					@php
					$total_pages = ceil($total_records/$limit);
					$start_loop = $page_num;
					$difference = $total_pages - $page_num;

					$active_class='';

					@endphp

					@if($total_records > $limit)
					@if($difference <= 5)
					@php
					$start_loop = $total_pages - 5; 
					@endphp
					@endif
					@php
					$end_loop = $start_loop + 4;
					@endphp

					@if($page_num > 1)
					@php
					$first=$page_num-1;
					@endphp
					<li class="prev"><a href="{{url('ViewDetailofCustomTicket')}}//{{$first}}/{{$UserId}}/{{$SearchDate}}">Prev</a></li>
					<li class="First"><a href="{{url('ViewDetailofCustomTicket')}}//1/{{$UserId}}/{{$SearchDate}}"><<</a></li>
					@endif

					@for($i=$start_loop; $i<=$end_loop; $i++)
					@if($i>0)
					@php
					if($page_num==$i)
					$active_class='active';
					else
					$active_class='';
					@endphp
					<li class='{{$active_class}}'><a href="{{url('ViewDetailofCustomTicket')}}///{{$UserId}}/{{$SearchDate}}">  {{$i}}  </a></li>
					@endif
					@endfor
					@if($page_num <= $end_loop)
					@php
					$last=$page_num+1;
					@endphp
					<li class='Last'><a href="{{url('ViewDetailofCustomTicket')}}///{{$UserId}}/{{$SearchDate}}">>></a></li>
					<li class="next"><a href="{{url('ViewDetailofCustomTicket')}}///{{$UserId}}/{{$SearchDate}}">Next</a></li>
					@endif
					@endif
				</ul>
			</div>
			<!--End of Pagination-->
		</div>
	</div>
</div>
@endsection
<input type="hidden" id="TempRowId" value="">
<input type="hidden" id="TempModuleId" value="">
<input type="hidden" id="EmailModuleId" value="">
<input type="hidden" id="CurrentPage" value="">
<!-------------Modal Start---------------->
<div class="modal fade" id="DisplayEmailView" 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">Email Ticket</h5>
				<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
					<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
				</button>
			</div>
			<div class="modal-body" id="EmailBody">
				
			</div>
			<div class="modal-footer">
				<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
				<!-- <button type="button" class="btn btn-primary">Save</button> -->
			</div>
		</div>
	</div>
</div>
<x-EmailTickets.EmailTicketScripts/>
<script>
	
	ViewMail=(RowId,ModuleId,ticketNumber)=>
	{
		$('#TempRowId').val(RowId);
		$('#TempModuleId').val(ModuleId);
		$('#EmailModuleId').val(ModuleId);
		$('#exampleModalLabel').html(`Ticket Number : ${ticketNumber}`);
		console.log("{{$_SERVER['REMOTE_ADDR']}}");
		$.ajax({
			type:"post",
			url:"{{url('EmailTickets-ViewMail')}}",
			data:{ModuleId,RowId},
			beforeSend:()=>{
				$('#EmailBody').html(`<center> <div class="spinner-border text-primary align-self-center loader-lg">Loading...</div><center>`);

			},
			success:response=>{
				$('#EmailBody').html(response);
			}
		});
	}
function DisplayinPagination(condition,Pag_num,UserID)
{
}
</script>