@php
$siteurl=$_SERVER['HTTP_HOST'];

if($_SERVER['REMOTE_ADDR']=="106.196.26.165")
{
	//echo "<pre>";
		//		print_r($FieldsList);
	//echo "</pre>";
}


@endphp


<style>

  .table {

width: 100%;

table-layout: fixed; 

}  

td,th {
width: 200px;
overflow: hidden;

}



/* td:not(:last-child) {

white-space: nowrap;
overflow: hidden;
text-overflow: clip;
} */

td:not(:last-child):hover {
text-wrap: wrap;
/* white-space: normal; */
}

</style>

<!-----------for pagination----------->
<input type="hidden" id="TempRowId" value="">
<input type="hidden" id="TempModuleId" value="">
<input type="hidden" id="CurrentPage" value="">
<input type="hidden" id="SearchQry" value="{{$SearchQry}}">
<input type="hidden" id="RecordsCount" value="{{$totalRecords}}">
<!-----------for pagination----------->

	
<div class="table-responsive widget-content widget-content-area">
	<table class="table  table-no-space table-bordered">

		<thead>
			<tr>
				<th style="width: 70px;">Slno</th>
				<th style="width: 110px;">View Conversation</th>

				@foreach($FieldsList as $FieldList)
				@php
				if($FieldList->ColumnName==$primaryKeyName)
				{
					continue;
				}
				@endphp

				<th>{{$FieldList->LabelValue}}</th>
				@endforeach

				<!-- <th>Subject</th> -->
				<!--<th>From E-Mail</th>-->
				<!-- <th>Email Sent Date</th> -->
				<th style="text-align: center; width: 200px">View</th>
				<!-- <th>Details</th>
					<th>View Change Log</th> -->
				</tr>
			</thead>

			@php
			$slno=(($PageNum-1)*10)+1;
			@endphp
			@foreach($Records as $Record)

			@php
			$RowId=$Record->$primaryKeyName;
			$emailsCount=count($EmailsList[$RowId]);


			try
			{
				$UnreadEmail=$EmailStatus[$RowId];
				$badgeColor="danger";
			}
			catch(\Exception $e)
			{
				$UnreadEmail=0;
				$badgeColor="success";

			}

			@endphp


			<tr>
				<td>
					<div class="form-group row">
						<div class="col-md-4">
							<p>{{$slno}}</p>
						</div>
					</div>
				</td>

				<td>

					<button class="btn btn-secondary position-relative btn-icon btn-rounded mb-2 me-4 bs-tooltip" onclick="ViewEmailConversation('{{$ModuleId}}','{{$RowId}}')" title="Click here to View Conversation">
						<svg 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-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>

						<span class="badge badge-{{$badgeColor}} counter" title="{{$UnreadEmail}} Unread Emails" id="Badge{{$RowId}}">{{$emailsCount}}</span>
					</button>
				</td>

				@foreach($FieldsList as $FieldList)

				@php

				$ColumnName=$FieldList->ColumnName;
				$DemographyConfigId=$FieldList->DemographyConfigId;
				$DisplayType=$FieldList->DisplayType;

				if($ColumnName==$primaryKeyName)
				{
					continue;
				}
				@endphp

				@if($ColumnName=="TicketNumber")

				<td>
					<div class="form-group row">
						<div class="col-md-4">
							<a  href="javascript:void(0);" class="text-primary" onclick="ViewMail('{{$RowId}}','{{$Record->$ColumnName}}')" data-bs-toggle="modal" data-bs-target="#exampleModal"> {{$Record->$ColumnName}}</a>
						</div>
					</div>
				</td>
				@else
				<td class="hover">   
					@switch($DisplayType)
					@case(1)
					<x-ldviews.displaytype1 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break	
					@case(2)
					<x-ldviews.displaytype2 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(3)
					<x-ldviews.displaytype3 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(4)
					<x-ldviews.displaytype4 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(5)
					<x-ldviews.displaytype5 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(6)
					<x-ldviews.displaytype6 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(7)
					<x-ldviews.displaytype7 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(8)
					<x-ldviews.displaytype8 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(9)
					<x-ldviews.displaytype9 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(10)

					<textarea>
						@php
						echo $Record->$ColumnName;
						@endphp
					</textarea>

					<!-- <x-ldviews.displaytype10 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" /> -->
					@break
					@case(11)kk
					<x-ldviews.displaytype11 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(12)
					<x-ldviews.displaytype12 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@breaks
					@case(13)
					<x-ldviews.displaytype13 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(14)
					<x-ldviews.displaytype14 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(15)
					@case(32)
					<x-ldviews.displaytype15 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(16)
					<x-ldviews.displaytype16 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(17)
					<x-ldviews.displaytype17 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(18)
					<x-ldviews.displaytype18 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(19)
					<x-ldviews.displaytype19 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(20)
					<x-ldviews.displaytype20 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(21)
					<x-ldviews.displaytype21 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(22)
					<x-ldviews.displaytype22 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(23)
					<x-ldviews.displaytype23 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(25)
					<x-ldviews.displaytype25 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(26)
					<x-ldviews.displaytype26 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(28)
					<x-ldviews.displaytype28 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(29)
					<x-ldviews.displaytype29 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@case(33)
					<x-ldviews.displaytype15 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@default
					<x-ldviews.displaytype1 :demographyconfigId="$DemographyConfigId" :result="$Record" :rowid="$RowId" :moduleid="$ModuleId" />
					@break
					@endswitch
				</td>
				@endif
				@endforeach

				@php

				$userdetails = Auth::user();
				$LoggedUser = $userdetails->name;
				$DateFormat = $userdetails->DateFormat;
				$TimeZone = $userdetails->TimeZone;
				$TimeFormat = $userdetails->TimeFormat;




				$Email=	$EmailsList[$RowId];
				if(array_key_exists(0,$Email))
				{
					$Subject=$Email[0]['EmailSubject'];
					$fromEmail=$Email[0]['FromAddress'];
					$SentDate=$Email[0]['SentDate'];
					$SyncDate=$Email[0]['SyncDate'];
					$EmailType=$Email[0]['EmailType'];


					$datetime = new DateTime($SentDate);
					$datetime->format("$DateFormat $TimeFormat");
					$la_time = new DateTimeZone($TimeZone);
					$SentDate = $datetime->format("$DateFormat $TimeFormat");

				}
				else
				{
					$Subject="";
					$fromEmail="";
					$SentDate="";
				}

				@endphp

				<!-- <td>{{$Subject}}</td> -->
				<!--<td>{{$fromEmail}}</td>-->
				<!-- <td>{{$SentDate}}</td> -->

				<td>

					<button class="btn btn-secondary position-relative btn-icon btn-rounded mb-2 me-4 bs-tooltip" onclick="ViewEmailConversation('{{$ModuleId}}','{{$RowId}}')" title="View Conversation" title="View Email Conversation">
						<svg 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-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
						<span class="badge badge-danger counter">{{$emailsCount}}</span>
					</button>


					<a href="{{url('ShowDetailView',$ModuleId)}}/{{$RowId}}" target="_blank"class="btn btn-secondary position-relative btn-icon btn-rounded mb-2 me-4 bs-tooltip" title="View Ticket Details"> 
						<svg 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-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
					</a>

					<a onclick="AuditLog('{{$ModuleId}}','{{$RowId}}','DetailView');" title="View Change Log" class="btn btn-secondary position-relative btn-icon btn-rounded mb-2 me-4 bs-tooltip" data-toggle="modal" data-target="#exampleModal2"><svg 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-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></a>

				</td>

			</tr>
			@php
			$slno++;
			@endphp
			@endforeach

		</table>
	</div>

	<x-detailview.mainmodal2 />



	<div class="col-sm-12 col-md-12 text-right">

		<!-- <input type="text" name="totalRecords" id="totalRecords" value="{{$totalRecords}}"> -->
		<div class="text-primary" role="status" aria-live="polite" id="TotalRecordsP" title="{{$totalRecords}}"><span class=" total_records">Total {{$totalRecords}} records</span></div>

		<div id="ExportExcelBtnDiv"> <button type="button" class="btn btn-primary" onclick="ExportExcel()">Export Excel</button> </div>
	</div>

	<div class="paginating-container pagination-solid">
		<ul class="pagination">
			@php
			$limit=10;
			$total_pages = ceil($totalRecords/$limit);
			$start_loop = $PageNum;
			$difference = $total_pages - $PageNum;

			$active_class='';

			@endphp

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

			@if($PageNum > 1)
			@php
			$first=$PageNum-1;
			@endphp
			<li class="prev"><a href="javascript:void(0)" onclick="SearchAll('{{$first}}','{{$mode}}','{{$totalRecords}}')">Prev</a></li>
			<li class="First"><a href="javascript:void(0)" onclick="SearchAll('1','{{$mode}}','{{$totalRecords}}')"><<</a></li>
			@endif

			@for($i=$start_loop; $i<=$end_loop; $i++)
			@if($i>0)
			@php
			if($PageNum==$i)
			$active_class='active';
			else
			$active_class='';
			@endphp
			<li class='{{$active_class}}'><a href="javascript:void(0)" onclick="SearchAll('{{$i}}','{{$mode}}','{{$totalRecords}}')">{{$i}}</a></li>
			@endif
			@endfor
			@if($PageNum <= $end_loop)
			@php
			$last=$PageNum+1;
			@endphp
			<li class='Last'><a href="javascript:void(0)" onclick="SearchAll('{{$total_pages}}','{{$mode}}','{{$totalRecords}}')">>></a></li>
			<li class="next"><a href="javascript:void(0)" onclick="SearchAll('{{$last}}','{{$mode}}','{{$totalRecords}}')">Next</a></li>
			@endif
			@endif
		</ul>
	</div>
</div>


<!-------------Modal Start---------------->
<div class="modal fade" id="exampleModal" 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-bs-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-bs-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
				<!-- <button type="button" class="btn btn-primary">Save</button> -->
			</div>
		</div>
	</div>
</div>
<!-------------Modal End---------------->
<x-EmailTickets.EmailTicketScripts/>

<script>
	ViewMail=(RowId,TicketNumber)=>
	{

		ModuleId=$('#EmailModuleId').val();
		$('#exampleModalLabel').html(`Ticket Number : ${TicketNumber}`);
		$.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);
			}
		});
	}

	ExportExcel=()=>
	{
		MainSearchQry=$('#SearchQry').val();
		TotalRecords=$('#RecordsCount').val();
		ModuleId="806867ab-96a5-11eb-948a-56b1773fd56f";
		recordIds=JSON.stringify([]);
		$.ajax({
			type:"post",
			url:"{{url('exportExcel')}}/1",
			data:{MainSearchQry,TotalRecords,ModuleId,recordIds},
			beforeSend:()=>{
				$('#ExportExcelBtnDiv').html(`<center> <div class="spinner-border text-primary align-self-center loader-lg">Loading...</div><center>`)
			},
			success:response=>{
				console.clear();
				console.log(response);

				res=JSON.parse(response);
				if(res.status=="success")
				{
					filePath=res.FilePath;
					downloadBtn=`<a href="${filePath}" class="text-primary">Click Here to Download</a>`;
					$('#ExportExcelBtnDiv').html(downloadBtn);
				}
				else
				{
					$('#ExportExcelBtnDiv').html('');
				}
			}
		})
	}
</script>