@extends('layouts.header')
@section('content')
@php
$total_records=$TotalRecordsCnt;
$page_num=$Page_num;
$start_from = ($Page_num-1)*$limit;
//$a=1;
$a=$start_from+1;
//echo $start_from;
$ModuleId="32f08263-96a5-11eb-948a-56b1773fd56f";
echo "<pre>";
//print_r($GetREsult);
echo "</pre>";
//$GetResultQuery=base64_encode($GetResultQuery);
@endphp
<br>
<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="widget-content widget-content-area">
			<div class="row">
				<div class="col-sm-6 col-md-6 text-right">
					<input type="hidden" id="TotalRecords" value="11">
					<div class="text-primary" role="status" aria-live="polite" title="11"><span class=" total_records">Total  records</span></div>
				</div>
					<div class="col-sm-6 col-md-6" style="text-align: right">
				</div>
			</div>
			<br>
			<div class="table-responsive">
				<table class="table table-bordered mb-4">
					<thead>
						<tr>
							<th class="text-center">Sl no</th>
							<th class="text-center">CallRecordName</th>
							<th class="text-center">CallerId</th>
							<th class="text-center">StartDate</th>
							<th class="text-center">CallType</th>
							<th class="text-center">UCID</th>
							<th class="text-center">CallStatus</th>
							
						</tr>
					</thead>
					<tbody>
					@foreach($GetREsult as $EachRecord)
						@php
						$CallRecordName=$EachRecord->CallRecordName;
						$CallerId=$EachRecord->CallerId;
						$StartDate=$EachRecord->StartDate;
						$CallType=$EachRecord->CallType;
						$UCID=$EachRecord->UCID;
						$CallStatus=$EachRecord->CallStatus;
						@endphp
						<tr>
							<td>{{$a}}</td>
							<td>{{$CallRecordName}}</td>
							<td>{{$CallerId}}</td>
							<td>{{$StartDate}}</td>
							<td>{{$CallType}}</td>
							<td>{{$UCID}}</td>
							<td>{{$CallStatus}}</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('DetailofLeadReportsUserwise')}}/{{$FromDate}}/{{$ToDate}}/{{$UserId}}/{{$first}}/{{$Condition}}">Prev</a></li>
					<li class="First"><a href="{{url('DetailofLeadReportsUserwise')}}/{{$FromDate}}/{{$ToDate}}/{{$UserId}}/1/{{$Condition}}"><<</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('DetailofLeadReportsUserwise')}}/{{$FromDate}}/{{$ToDate}}/{{$UserId}}//{{$Condition}}">  {{$i}}  </a></li>
					@endif
					@endfor
					@if($page_num <= $end_loop)
					@php
					$last=$page_num+1;
					@endphp
					<li class='Last'><a href="{{url('DetailofLeadReportsUserwise')}}/{{$FromDate}}/{{$ToDate}}/{{$UserId}}//{{$Condition}}">>></a></li>
					<li class="next"><a href="{{url('DetailofLeadReportsUserwise')}}/{{$FromDate}}/{{$ToDate}}/{{$UserId}}//{{$Condition}}">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)
{
}
ExportExcel=(ReportName,Query,totalcount)=>
{
	url=`{{url('')}}/exportExcelCustomizedReports/1?ReportName=${ReportName}&Query=${Query}&totalcount=${totalcount}`;
	 window.open(url,"_blank");
	//window.open(url);
}
</script>