@php
use App\Models\Demography;
$results_obj = json_decode($results);
$ReferenceField = NULL; // Added by sharath on 4 th May 2022
echo "<pre>";
	//print_r($header);
	//print_r($results_obj);
	//print_r($headers);
	//print_r($fromMailAddress);
	//print_r($DropDownColors);
	//print_r($RelatedModules);
	//print_r($AssignedByCreatedByResults);
	//print_r($GetDropdownLists);
	//print_r($RelateModules);
	//print_r($ModulesAccess);
	//print_r($userRoles);
echo "</pre>";
try
{
	$loggedinUser=Auth::user()->RefId;	
	$IsAdmin=Auth::user()->IsAdmin;
	$UserPhoneNo=Auth::user()->PhoneNo;		
}
catch(\Exception $e)
{
	$loggedinUser=1;
	$UserPhoneNo="";		

}
$userPrimaryRole="";
foreach($userRoles as $URole)
{
	if($URole['PrimaryRole']=="1")
	{
		$userPrimaryRole=$URole['RoleID'];
	}
}
//if($loggedinUser==1)
//{
	echo "<pre>";
		// print_r($results_obj);
		// print_r($header);
		//print_r($tempFiles);
		//print_r($headers);
		//print_r($GetDropdownLists);
		//print_r($ListBoxNamesIDs);
	echo "</pre>";
	//}

 $total_counts=count($header);
	$RowIds=array();
	foreach($results_obj as $name => $values) {
		$row_count=0;
		foreach ($values as $k => $v) {
			if($row_count==$total_counts)
			{
				$RowIds[]=$v;
			}
			$row_count++;
		}
	}
	// added on 28th April '21
	$userdetails = Auth::user();
	try
	{
		$LoggedUser = $userdetails->name;	
		$DateFormat = $userdetails->DateFormat;
		$TimeZone = $userdetails->TimeZone;
		$TimeFormat = $userdetails->TimeFormat;
		$GmtOffSet = $userdetails->GmtOffSet;
	}
	catch(\Exception $e)
	{
		$LoggedUser="Super Admin";
		$DateFormat="d-m-Y";
		$TimeZone="Asia/Kolkata";
		$TimeFormat="H:i";
		$GmtOffSet="";
	}	


	$total_count=count($header);
	$temp_count=$page_num;
	$columns = array();
	$loopcount=0;

	$condition1="";
	$conditionValue1="";
	$condition2="";
	$conditionValue2="";
	if($mode==6)
	{
		$condition1=$DrillDownCondition[0]->name;
		$conditionValue1=$DrillDownCondition[0]->value;
		$condition2=$DrillDownCondition[1]->name;
		$conditionValue2=$DrillDownCondition[1]->value;
	}
	// added on 20th Oct '21
	$RoleAccess_c="1264d300-9915-11eb-948a-56b1773fd56f";   // None 8eca7f5f-9914-11eb-948a-56b1773fd56f
	$RoleAccess_l="1264d300-9915-11eb-948a-56b1773fd56f";   // All
	$RoleAccess_e="1264d300-9915-11eb-948a-56b1773fd56f";   // All
	$RoleAccess_d="1264d300-9915-11eb-948a-56b1773fd56f";   // All
	$RoleAccess_r="1264d300-9915-11eb-948a-56b1773fd56f";   // All
	$RoleAccess_m="1264d300-9915-11eb-948a-56b1773fd56f";   // All

	if(!empty($ModulesAccess))
	{
		//print_r($ModulesAccess);
		foreach($ModulesAccess['Actions'] as $ActionName)
		{
			if($ActionName['ActionName']=="Create")
			$RoleAccess_c=$ActionName['RoleAccess'];

			if($ActionName['ActionName']=="List")
			$RoleAccess_l=$ActionName['RoleAccess'];

			if($ActionName['ActionName']=="Edit")
			$RoleAccess_e=$ActionName['RoleAccess'];

			if($ActionName['ActionName']=="Delete")
			$RoleAccess_r=$ActionName['RoleAccess'];

			if($ActionName['ActionName']=="Detail")
			$RoleAccess_d=$ActionName['RoleAccess'];

			if($ActionName['ActionName']=="Mass Update")
			$RoleAccess_m=$ActionName['RoleAccess'];
		}
	}
	$start_from = ($page_num-1)*$limit;
	$sno=$start_from+1;
	//print_r($headers);
	$siteurl=$_SERVER['HTTP_HOST'];
	$url=explode(".",$siteurl);
	$InstanceName=$url[0];
	@endphp
	<div>  <!-- class="col-xl-12 col-lg-12 col-sm-12 layout-spacing" -->
		<div class="table-responsive mb-4 mt-4" style="overflow-x:auto;">
			<input type="hidden" name="ModuleId" id="ModuleId" value="{{$ModuleId}}" >
			<input type="hidden" name="page_num" id="page_num" value="{{$page_num}}" >
			<input type="hidden" name="total_records" id="total_records" value="{{$total_records}}" >
			<input type="hidden" name="field_name" id="field_name" value="{{$field_name}}" >
			<input type="hidden" name="limit" id="limit" value="{{$limit}}" >
			<input type="hidden" name="sort_order" id="sort_order" value="{{$sort_order}}" >
			<input type="hidden" name="SearchMode" id="SearchMode" value="{{$mode}}" >
			<input type="hidden" name="order_by" id="order_by" value="" >
			<input type="hidden" name="sort_by" id="sort_by" value="" >
			<input type="hidden" id="SearchQry" value="{{$SearchQry}}" >
			<input type="hidden" id="MainSearchQry" value="{{$MainSearchQry}}" >
			<input type="hidden" id="InstanceName" value="{{$InstanceName}}" >
			@php
			if(!empty($results_obj))
			{
				@endphp
				<table id="multi-column-ordering" class="table table-hover dataTable" style="width:100%">
					@php
					echo "<tbody>";
						foreach($results_obj as $name => $values) {
							//print_r($values);
							$modulesIdValues=end($values);
							$FetchRowId='';
							if(array_key_exists($loopcount,$RowIds))
							{
								$FetchRowId=$RowIds[$loopcount];
							}
							@endphp
							<tr  onclick="DisplayRowId('{{$FetchRowId}}','{{$ModuleId}}')">
								@php
								if($serialno=="1")
								{
									echo "<td>$sno</td>";
								}

								//echo "<td>$name</td>";
								if($mode=="RelatedSearch" || $mode=="RelatedSearchinSearch")
								{
									@endphp
									<td align="center">
										<a onclick="SelectMe2('{{$FetchRowId}}','{{$ModuleId}}')" style="cursor:pointer;">
											<div class="icon-container">
												<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-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg><span class="icon-name"></span>
											</div>
										</a>
									</td>
									@php
								}
								$loopcount++;
								$row_count=0;
								foreach ($values as $k => $v) 
								{
									$InLineRowId=end($values);
									$columns[$k] = $k;
									if($row_count==$total_count)
									{
										if($mode!=="RelatedSearch" && $mode!=="RelatedReminderSearch" && $mode!=="4")
										{
											$pass_array=array("ModuleId"=>$ModuleId,"RowId"=>"$v");
											$pass_arrayBigDaddy=array("RowId"=>"$v");
											@endphp

											<td title="Actions">
												<div class="btn-group" role="group">
													<button id="btnGroupDrop1" type="button" class="dropdown-toggle btn-primary btn-rounded" data-bs-toggle="dropdown" aria-expanded="false"><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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
													<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
														@if($RoleAccess_e!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
														<li title="Edit View ">
															<a href="{{ url('ShowEditView',$pass_array) }}"><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-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>   Edit</a>
														</li>
														@endif
														@if($RoleAccess_d!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
														<li title="Detail View">
															<a href="{{ url('ShowDetailView',$pass_array) }}"><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-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
																Detail
															<a>
														</li>	
														@endif
														@if($RoleAccess_r!="8eca7f5f-9914-11eb-948a-56b1773fd56f" && $IsAdmin=='1' )
														<li onclick="RemoveMe('{{$ModuleId}}','{{$v}}','ListView')">
															<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-x-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>  Delete
														</li>	
														@endif
														<li onclick="ViewEmailConversation('{{$ModuleId}}','{{$v}}')">
															<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-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Email Conversations
														</li>
														<li onclick="AuditLog('{{$ModuleId}}','{{$v}}','DetailView')"  data-toggle="modal" data-target="#ViewChangeLogModal">
															<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>
															View Change Log
														</li>
														@if($InstanceName=="bigdaddycasino" && $ModuleId=='8066d57c-96a5-11eb-948a-56b1773fd56f')
														<li title="Click here View Contacts in ScreenPopUp">
															<a href="{{ url('ScreenPopByContactId',$pass_arrayBigDaddy) }}">
																<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-anchor"><circle cx="12" cy="5" r="3"></circle><line x1="12" y1="22" x2="12" y2="8"></line><path d="M5 12H2a10 10 0 0 0 20 0h-3"></path></svg>  POPUP</a>
														</li>
														@endif
														@if($InstanceName=="bigdaddycasino" && $ModuleId=='32f08263-96a5-11eb-948a-56b1773fd56f')
														<li title="Click here View Leads in ScreenPopUp">
															<a href="{{ url('ScreenPopByLeadId',$pass_arrayBigDaddy) }}">
																<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-anchor"><circle cx="12" cy="5" r="3"></circle><line x1="12" y1="22" x2="12" y2="8"></line><path d="M5 12H2a10 10 0 0 0 20 0h-3"></path></svg> POPUP</a>
															</li>
														@endif
														</ul>
													</div>
												</td>
															<!--deleted few buttons and maked as single buttons-->
											<!-- <td title="Click here to view Assigned Teams" style="cursor:pointer">
												<a onclick="ViewAssignedteams('{{$ModuleId}}','{{$v}}')">
													<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> -->
											<!--<td title="Click here to view Email Conversations" style="cursor:pointer">
												<a onclick="ViewEmailConversation('{{$ModuleId}}','{{$v}}')">
													<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-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
												</a>
											</td>-->
											<td>
												<div class="dropdown custom-dropdown">
													<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
														<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-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
													</a>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuLink1" style="will-change: transform;">
														<!-- <div class="btn-group-vertical" role="group" aria-label="Vertical button group"> -->
															@php
															// newly added on 18th Feb '22, from DetailView.blade
															if($RelatedModules['Status']=="Success")
															{
																$subpanel_loop=0;
																foreach($RelatedModules['data'] as $subpanels=>$modules)
																if($modules['AssociationType']==2 || $modules['AssociationType']==3)
																{
																	$SecondaryModuleId=$modules['SecondaryModuleId'];
																	$AssociationType=$modules['AssociationType'];
																	$ModuleIcon=$modules['ModuleIcon'];
																	$TableCount=$modules['TableCount'];
																	$SubPanel_Count=0;  // $modules['AssociationType'];
																	;
																	@endphp
																	<a onclick="QuickCreate('{{$SecondaryModuleId}}','{{$subpanel_loop}}','{{$v}}','{{$modules['ModuleName']}}')"  class="dropdown-item" data-toggle="modal" data-target="#exampleModal" title="Click here to quickly create a new record">Create {{$modules['ModuleName']}} </a>

																	<a onclick="GetSubPanel('{{$v}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','4','UpdatedDate','1','{{$AssociationType}}','{{$ModuleId}}','{{$modules['ModuleName']}}')" class="dropdown-item" data-toggle="modal" data-target="#exampleModal" title="Click here to quickly view linked records!">View {{$modules['ModuleName']}}</a>

                        										<!--
                        										<div class="btn-group" role="group">
							                                          <button id="btnGroupVerticalDrop2" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							                                            {{$modules['ModuleName']}} <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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
							                                          </button>
							                                          <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop2" style="will-change: transform;">
							                                            <a class="dropdown-item" onclick="QuickCreate('{{$SecondaryModuleId}}','{{$subpanel_loop}}','{{$v}}','{{$modules['ModuleName']}}')"  title="Click here to quickly create a new record" >Create</a>
							                                            <a class="dropdown-item" onclick="GetSubPanel('{{$v}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Auto','UpdatedDate','1','{{$AssociationType}}','{{$ModuleId}}','{{$modules['ModuleName']}}')" title="Click here to quickly view linked records!">View</a>
							                                          </div>
							                                    </div>
							                                -->
							                                @php
							                            }
							                            $subpanel_loop++;
							                        }
							                        else
							                        {
							                        	@endphp
														<!-- <a class="dropdown-item" href="{{ url('ShowEditView',$pass_array) }}" title="Click here to edit this record">Edit</a>
					                            		<a class="dropdown-item" href="{{ url('ShowDetailView',$pass_array) }}" title="View more...">View</a>
					                            		<a class="dropdown-item" onclick="RemoveMe('{{$ModuleId}}','{{$v}}','ListView')" title="Remove this record?">Delete</a> -->
					                            		@php
					                            	}
					                            	@endphp

					                            </div>
					                        </div>
					                    </td>

					                    @if($RoleAccess_m!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
					                    <td>
					                    	<div class="n-chk">
					                    		<label class="new-control new-checkbox new-checkbox-rounded new-checkbox-text checkbox-outline-dark">
					                    			<input type="checkbox" id="massUpdate{{$loopcount}}"  value="{{$modulesIdValues}}" class="new-control-input massupdateCheck"onchange="getSelectedCount('{{$modulesIdValues}}','{{$loopcount}}')">
					                    			<span class="new-control-indicator"></span><span class="new-chk-content" style="display: none"></span>
					                    		</label>
					                    	</div>
					                    </td>
					                    @endif
					                    @php
					                }
					                else
					                {

					                	if($mode=="RelatedReminderSearch")
					                	{
					                		@endphp
					                		<td>
					                			<div class="n-chk">
					                				<label class="new-control new-checkbox checkbox-info" style="padding-left:0px">
					                					<input type="checkbox" class="new-control-input" id='{{$ModuleId}}{{$RowIds[$name]}}{{$RemId}}' onchange="GetEmailPhone('{{$ModuleId}}','{{$RowIds[$name]}}','{{$RemId}}')">
					                					<span class="new-control-indicator"></span>
					                				</label>
					                			</div>
					                		</td>
					                		@php
					                	}
					                }
					            }
					            else
					            {
					            	$display_value=$v;
					            	$display_type="";
					            	$display_name="";


					            	if(array_key_exists($display_value,$DropDownColors))
					            	{
					            		$displayColor=$DropDownColors[$display_value];
					            	}
					            	else
					            	{
					            		$displayColor="#888ea8";
					            	}

					            	//echo "display value=".$display_value."<br>";

					            	foreach($headers as $field_list)
					            	{
					            		$field_name=$field_list['FieldName'];
					            		$DropDownNameId=$field_list['DropDownNameId'];
					            		if($field_name==$k)
					            		{
					            			$ReferenceField=$field_list['ReferenceField'];
					            			$display_name=$field_list['DisplayName'];
					            			$display_type=$field_list['DisplayType'];
					            			if($display_type==2 || $display_type==26)
					            			{
					            				$display_value=Demography::GetDisplayValue($ModuleId,$field_name,$v);
					            			}


					            			if( ($display_type==5 && !empty($ListBoxNamesIDs)) && $DropDownNameId!='')
					            			{
					            				//$display_value=$GetDropdownLists[$v];
					            				$ListBoxNamesIDVal=$DropDownNameId;
					            				//$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
					            				$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];

					            				//$display_value=$listBoxVal[$v];

					            				foreach($listBoxVal as $listBoxKey=>$listBoxValue)
					            				{
					            					if($listBoxKey==$v)
					            					$display_value=$listBoxValue;
					            					//    else
					            					//        $display_value="";
					            				}
					            			}

					            			if($display_type==3 && !empty($ListBoxNamesIDs) && $DropDownNameId!='')
					            			{
					            				$display_value="";
					            				if($v!="")
					            				{
					            					$ListBoxNamesIDVal=$DropDownNameId;
					            					//$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
					            					$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];

					            					$listArray=explode(",",$v);
					            					foreach($listArray as $listVal)
					            					{
					            						if(!array_key_exists($listVal,$listBoxVal))
					            						{
					            							$display_value=$listVal;
					            						}
					            						else
					            						{
					            							$display_value.="<li>".$listBoxVal[$listVal]."</li>";
					            						}

					            					}

					            				}
					            			}
					            			if($display_type==6 && !empty($ListBoxNamesIDs) && $DropDownNameId!='')
					            			{
					            				$display_value="";
					            				if($v!="")
					            				{
					            					$ListBoxNamesIDVal=$DropDownNameId;
					            					//$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
					            					$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];

					            					$listArray=explode(",",$v);
					            					foreach($listArray as $listVal)
					            					{
					            						if(!array_key_exists($listVal,$listBoxVal))
					            						{
					            							$display_value=$listVal;
					            						}
					            						else
					            						{
					            							$display_value.="<li>".$listBoxVal[$listVal]."</li>";
					            						}

					            					}

					            				}
					            			}

					            			if($display_type==4 && $DateFormat!="" && $v!="")
					            			{

					            				if($v=="0000-00-00 00:00:00" || $v==0000-00-00 || $v=="0000-00-00")
					            				{
					            					// added on 16th Sept '21
					            					$display_value="";
					            				}
					            				else
					            				{
					            					// added on 28th April '21
					            					$display_value = date("$DateFormat", strtotime($v));
					            				}
					            			}
					            			elseif($display_type==4 && $v=="0000-00-00")
					            			{
					            				$display_value="";
					            			}

					            			if($display_type==14 && $DateFormat!="" && $v!="")
					            			{
					            				// added on 29th April '21
					            				//$display_value = date("$DateFormat $TimeFormat", strtotime($v));

					            				if($v=="0000-00-00 00:00:00" || $v=="0000-00-00")
					            				{
					            					// added on 16th Sept '21
					            					$display_value="";
					            				}
					            				else
					            				{
					            					$datetime = new DateTime($v);
					            					$datetime->format("$DateFormat $TimeFormat");
					            					$la_time = new DateTimeZone($TimeZone);
					            					//$datetime->setTimezone($la_time);
					            					$display_value = $datetime->format("$DateFormat $TimeFormat");
					            				}
					            			}

					            			$NewRowId=$v;
					            			$newFieldName=$field_name;
					            			if($display_type==8 && $v!="" && !empty($OtherModuleFieldValues) && array_key_exists($v,$OtherModuleFieldValues))
					            			{
					            				// for RelateTo
					            				//$display_value=$RelateModules[$v];//instead of PAssing the Id kabali is Passing the Name of the Relate Module field
					            				//$newFieldName=$field_name;
					            				//$NewRowId=$v;
					            				$display_value=$OtherModuleFieldValues[$v];
					            			}

					            			if($display_type==25 && !empty($selfRelatedList))
					            			{
					            				// for SelefRelateTo
					            				foreach($selfRelatedList as $SelfRelate)
					            				{
					            					if($SelfRelate["key"]==$v)
					            					{
					            						$display_value=$SelfRelate["value"];
					            					}
					            				}  
					            			}

					            			if($display_type==23)
					            			{
					            				if(array_key_exists($v,$getChildDependentRelateToList))
					            				{
					            					$display_value=$getChildDependentRelateToList[$v];
					            				}
					            				else
					            				{
					            					$display_value=$v;
					            				}
					            			}

					            			if( ($display_type==15 || $display_type==32 || $display_type==33)  && $display_value!="")
					            			{
					            				// for AssignedTo
					            				if(array_key_exists($v,$AssignedToList))
					            				{
					            					$display_value=$AssignedToList[$v]['name'];
					            				}
					            				else
					            				{
					            					
					            				}
					            				//$display_value=$v;

					            			}
					            			if(($display_type==16) && $display_value!="")
					            			{
					            				// for AssignedTo
					            				//$display_value=$display_value;
					            				$display_value1="<span id='$display_value'></span>";
					            				@endphp
					            				<script>getfilename('{{$display_value}}')</script>
					            				@php
					            				$display_value=$display_value1;
					            			}
					            			if(($display_type==37) && $display_value!="")
					            			{
					            				if($display_value)
					            				{
					            					$ExplodedValue=explode(':',$display_value);

					            					if($ExplodedValue[0])
					            					{
					            						$aa=$ExplodedValue[0];
					            					}
					            					if($ExplodedValue[1])
					            					{
					            						$bb=$ExplodedValue[1];
					            					}
					            					$display_value=$aa." hours ".$bb." Min";
					            				}
					            			}
					            			if(($display_type==38) && $display_value!="")
					            			{
					            				$display_value=date('h:i A',strtotime($display_value));
					            			}

					            			/*if($ReferenceField==1)  //  && $mode=='Auto'
					            			{
					            				$MyRowId=$RowIds[$name];
					            				$PassArray=array("ModuleId"=>$ModuleId,"RowId"=>$RowIds[$name]);
					            				//print_r($PassArray);
					            				$pass_me=json_encode($PassArray);

					            				if($mode=="RelatedReminderSearch")
					            				{
					            					$PassArray=array("ModuleId"=>$ModuleId,"RowId"=>$RowIds[$name],"DisplayName"=>$display_value);
					            					$pass_me=json_encode($PassArray);
					            					$display_value= 
					            					"<a onclick='Select_me($pass_me,$RemId)' title='Click here to Select' class='text-primary'>$display_value</a>";
					            				}
					            				elseif($mode=="RelatedSearch")
					            				{
					            					$PassArray=array("ModuleId"=>$ModuleId,"RowId"=>$RowIds[$name],"DisplayName"=>$display_value);
					            					$pass_me=json_encode($PassArray);
					            					$display_value="<a onclick='Select_me($pass_me)' title='Click here to Select' class='text-primary'>$display_value</a>";
					            				}
					            				else
					            				{
					            					$display_value="<a onclick='open_me($pass_me)' title='Click here to view more' class='text-primary'>".$display_value."</a>";
					            				}

					            			}*/

					            			if($display_type==21)
					            			{
					            				// for Click2Call_Masking
					            				$display_name.=" is masked";
					            				//$display_value="XXXX-XXX-XXX";
					            				$display_value="<span class='text-danger'>xxxx-xxx-xxx</span>";
					            			}

					            			if($display_type==22)
					            			{
					            				// for Masked, on 24th Aug '21
					            				$display_name.=" is masked";
					            				$display_value="<span class='text-warning'>|*_*|</span>";
					            			}

					            			if($display_type==12)
					            			{
					            				$display_value=$display_value;

					            				if(!empty($EmailValuesArray))
					            				{
					            					if(array_key_exists($display_value,$EmailValuesArray))
					            					{
					            						//$display_value=implode(",",$EmailValuesArray[$display_value]);
					            						$Emails='';

					            						//echo "<td>";
					            							foreach($EmailValuesArray[$display_value] as $email)
					            							{
					            								$rowidLoopCount=$loopcount-1;
					            								$Emails.="<li onclick='composeMail(`$email`,`$RowIds[$rowidLoopCount]`)'> $email</li>";
					            								@endphp
					            								<!-- <li style="cursor:pointer" class="text-primary" onclick="composeMail('{{$email}}')">{{$email}}</li> -->
					            								@php
					            							}
					            						//echo "</td>";

					            						$display_value=$Emails;
					            					}
					            				}
					            			}
					            		}
					            	}
					            	if($display_type==8)
					            	{
					            		@endphp
					            		<td>
					            			<a onclick="popUp('{{$ModuleId}}','{{$NewRowId}}','{{$display_type}}','{{$newFieldName}}','{{$display_value}}')" class='text-info' data-toggle='modal' data-target='#exampleModal'>{{$display_value}}</a>
					            		</td>
					            		@php
					            	}
					            	elseif($display_type==9)
					            	{
					            		if(array_key_exists($display_value,$tempFiles))
					            		{
					            			@endphp
					            			<td align="center">
					            				<div class="d-flex">
					            					<div class="usr-img-frame mr-2 rounded-circle">
					            						<a href="{{url('DownloadFiles',$tempFiles[$display_value][0]['fileId'])}}" title="Click here to Download" target="_blank">
					            							<img class="img-fluid rounded-circle" src="{{$tempFiles[$display_value][0]['path']}}" alt="{{$tempFiles[$display_value][0]['name']}}">
					            						</a>
					            					</div>
					            				</div>
					            			</td>
					            			@php
					            		}
					            		else
					            		{
					            			echo "<td title='$display_name' style='color:$displayColor'>
					            				$display_value
					            			</td>";
					            		}
					            	}
					            	elseif($display_type==20)
					            	{
					            		$click_to_call=base64_encode($display_value);
										$FetchRowIdTemp="";
										if(array_key_exists($name,$RowIds))
										{
											$FetchRowIdTemp=$RowIds[$name];
										}
					            		@endphp

					            		<td title='{{$display_name}}'>
					            			<a onclick="Click2Call('{{$ModuleId}}','{{$click_to_call}}','{{$FetchRowIdTemp}}')"  title="Click To Call via Cloud Agent!" class="text-info">
					            				<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-phone-outgoing"><polyline points="23 7 23 1 17 1"></polyline><line x1="16" y1="8" x2="23" y2="1"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
					            				{{$display_value}}
					            			</a>
					            			<br>
					            			<span class="Click2Call_Response" id="Click2Call_Response{{$FetchRowIdTemp}}"></span>
					            		</td>
					            		@php
					            	}
					            	elseif($display_type==29)
					            	{
					            		@endphp
					            		<td title='{{$display_name}}'>
					            			<a href="{{$display_value}}" target="_blank" class="text-primary">
					            				<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-folder"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>
					            				{{$display_value}}
					            			</a>
					            		</td>
					            		@php
					            		
					            	}
					            	elseif($display_type==30)
					            	{
					            		@endphp
					            		<td title='{{$display_name}}'>
					            			@php
					            			$mcubeApiKey="f155247a2c1d343e0d3edeecfe4108bf";//for crm
					            			@endphp
					            			<a href="javascript:void(0)" onclick="Mcube_Click2Call('{{$display_value}}','{{$UserPhoneNo}}','{{$mcubeApiKey}}')" title="Click To Call via Cloud Agent!" class="text-info">
					            				<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-phone-outgoing"><polyline points="23 7 23 1 17 1"></polyline><line x1="16" y1="8" x2="23" y2="1"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
					            				{{$display_value}}
					            			</a>

					            		</td>
					            		@php
					            		
					            	}
					            	elseif($display_type==35)
					            	{
					            		@endphp

					            		@if($_SERVER['HTTP_HOST']=="trainingt.bpm360.net" || $_SERVER['HTTP_HOST']=="training.bpm360.net")
					            		<td>
					            			<x-editviewnew.noteslist :primaryrowid="$RowIds[$name]" :primarymoduleid="$ModuleId" secondarymoduleid="09f2ac4a-d55b-431a-a043-4fb6e5b03f5f" />


					            		</td>
					            		@else
					            		<td>
					            			
					            		</td>
					            		@endif

					            		
					            		@php
					            	}
					            	else
					            	{
					            		if($ReferenceField==0)
					            		{
					            			echo "<td title='$display_name' style='color:$displayColor'>
					            				$display_value
					            			</td>";
					            		}
					            		else
					            		{
					            			$pass_array=array("ModuleId"=>$ModuleId,"RowId"=>"$InLineRowId");
					            			//$pass_array=$ModuleId."/".$InLineRowId;	
					            			//$pass_array=url_encode($pass_array);
					            			$displayColor="blue";
					            			@endphp
					            			<td title='{{$display_name}}' >
					            				<a  class="text-primary" href="{{ url('ShowDetailView',$pass_array) }}">
					            					{{$display_value}}
					            				</a>
					            			</td>
					            			@php
					            		}
					            	}
					            }

					            $row_count++;
					            $temp_count++;
					        }
					    echo "</tr>";
					    $sno++;
					}
					$row_count=0;
				echo "</tbody>";

				echo "<thead>";
					echo "<tr>";
						$RefLoop=0;
						if($serialno=="1")
						{
							echo "<th>S.No</th>";
						}
						foreach ($columns as $column) {
							$RefLoop++;
							//$column=$fieldList['FieldName'];
							//$DisplayName=$fieldList['DisplayName'];
							if($mode=="RelatedSearch" && $RefLoop=="1" )
							{
								echo "<th colspan='' class='text-center' nowrap>link</th>";
							}
							if($row_count==$total_count)
							{
								if($mode!=="RelatedSearch" && $mode!=="RelatedReminderSearch")
								{
									echo "<th colspan='2' class='text-center' nowrap>Action</th>";

									if($RoleAccess_m!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
									{
										@endphp
										<th>
										<!--<div class="btn-group" role="group">
											<button id="btnGroupDrop1" type="button" class="btn-btn primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
											</button>
											<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="" id="MassUpdateSelect">
												<li ><div onclick="selectMassUpdate('')">Un select All </div></li>
												<li><div  onclick="selectMassUpdate('1')">Select This Page</div></li>
												<li><div  onclick="selectMassUpdate('2')">Select All</div></li>
											</ul>
											<div>-->
												<select class="form-control" id="MassUpdateSelect"style="margin-bottom: 0px !important;width: 145px !important;" onchange="selectMassUpdate(this.value)">
													<option id="mass0"value="">select</option>
													<option id="thisPageRecord" value="1">This Page</option>
													<option id="allRecord" value="2">Select All</option>
												</select>
											</th>
											@php

										}
									}
									else
									{
										if($mode=="RelatedReminderSearch")
										{
											echo "<th>Select</th>";
										}
									}
								}
								else
								{
									$sorting_css='';
									$title='ascending';
									if($column==$field_name && $sort_order=="DESC")
									{
										$sorting_css='sorting_asc';
										$title='descending';
									}
									else
									{
										$sorting_css='sorting_desc';
										//$title='ascending';
									}
									// newly added on 22nd April '21
									$DisplayName=$column;
									foreach($headers as $fieldList)
									{
										$FieldName=$fieldList['FieldName'];

										if($FieldName==$column)
										{
											$DisplayName=$fieldList['DisplayName'];
											$DisplayType=$fieldList['DisplayType'];
										}
									}
									@endphp
									<!-- <th class="sort_me {{$sorting_css}}" title='Click here to sort by {{$column}}' id='{{$column}}' nowrap ><p class='column' style='display: none'>{{$column}}</p> {{$DisplayName}}</th> -->
									<th class="sort_me {{$sorting_css}}" title='Click here to sort by {{$column}}'  nowrap ><p class='column' style='display: none'>{{$column}}</p> @php echo $DisplayName @endphp</th>
									@php
								}
								$row_count++;
							}
						echo "</tr>";
					echo "</thead>";

					$row_count=0;
					echo "<tfoot>";
						echo "<tr>";
							$massupdatecol=1;
							if($massupdatecol==1)
							{
								$massupdatecol="0";
							}
							$fcount=0;
							if($serialno=="1")
							{
								echo "<th>S.No</th>";
							}
							foreach ($columns as $column) {
								$fcount++;
								if($fcount==1 && $mode=="RelatedSearch")
								{
									echo "<th colspan='' class='text-center' nowrap>Link</th>";
								}
								if($row_count==$total_count)
								{
									if($mode!=="RelatedSearch" && $mode!=="RelatedReminderSearch")
									{
										echo "<th colspan='2' class='text-center' nowrap>Action</th>";
									}
								}
								else
								{
									// newly added on 22nd April '21
									$DisplayName=$column;
									foreach($headers as $fieldList)
									{
										$FieldName=$fieldList['FieldName'];

										if($FieldName==$column)
										{
											$DisplayName=$fieldList['DisplayName'];
											$DisplayType=$fieldList['DisplayType'];
										}
									}
									@endphp
									<th title='Click here to sort {{$column}} in descending order' class="sort_me {{$sorting_css}}"  nowrap><a onclick="ViewData('{{$ModuleId}}','{{$page_num}}','{{$limit}}','{{$column}}','DESC','{{$mode}}')"></a></th>
									@php
								}
								$row_count++;
							}
						echo "</tr>";
					echo "</tfoot>";
					@endphp
				</table>
				@php
			}   // end of results_obj validation, added on 26th Aug '21
			@endphp
		</div>

		<div class="row">

			@php
			$MassupdateRole=array();
			$ReAssignRole=array();
			if(array_key_exists('Roles',$GetMassupdateButtonAccess))
			{
				$MassupdateRole=$GetMassupdateButtonAccess['Roles'];
				$ReAssignRole=$GetMassupdateButtonAccess['ReAssignRole'];
			}
			if($MassupdateRole==NULL)
			{
				$MassupdateRole=array();
				$ReAssignRole=array();
			}
			$MassUpdateAccessForRoles=["2fe5483f-00de-4741-a419-82763560e80b","bbc3b105-8219-4839-a956-1a72ee035ba0","b61c54fb-0ea6-47e2-b2f3-0f65dba41e98","bada407f-3a53-4c18-b7d6-d47065fc5297","2fe5483f-00de-4741-a419-82763560e80b","de9fb832-3a80-42b0-9446-53a291084b1e","fde6d535-4efb-496c-98ec-27b0e5ecec7a","3b618f7b-21ee-4f36-8692-302aa7116972","87002040-180b-4bfb-85d4-1d770262bace"];
			@endphp

			<div class="col-md-12">
				<div class="btn-group  mb-2 me-4" role="group" style="float:right">
					<button id="btndefault" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bulk Action <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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></button>

					<div class="dropdown-menu" aria-labelledby="btndefault">
						@if(in_array($userPrimaryRole,$MassupdateRole))
						<a class="dropdown-item massAssignmentBtn" href="javascript:void(0);"  id="massUpdate-btn" loopval="{{$loopcount}}"onclick="massUpdate('{{$loopcount}}')" style="display: none;">Mass Update</a>
						@endif

						<a class="dropdown-item massAssignmentBtn" id="AssignTeams-Btn" href="javascript:void(0);"
						loopval="{{$loopcount}}"  onclick="AssignTeams('{{$loopcount}}')" style="display: none;">Assign Teams</a>

						@if(in_array($userPrimaryRole,$ReAssignRole))
						<a class="dropdown-item massAssignmentBtn" id="ReAssigningTicket-Btn" href="javascript:void(0);"
						loopval="{{$loopcount}}"  onclick="ReAssigningTicket('{{$loopcount}}')" style="display: none;">Re-Assign</a>
						@endif

						@if($GetMergeButtonAccess==1)
						<a class="dropdown-item massAssignmentBtn" id="Merge-Btn" href="javascript:void(0);"
						loopval="{{$loopcount}}"  onclick="Merge('{{$loopcount}}')" style="display: none;">Merge</a>
						@endif

						<a class="dropdown-item massAssignmentBtn" href="javascript:void(0);"  onclick="PushToProgressiveDialer()" style="display: none;">Push To Progressive Dialer</a>
						@if($MainSearchQry!="")
						@php	
						if($mode==3)
						{
							$ThisModuleId=$ModuleId;
						}
						else
						{
							$ThisModuleId=$ModuleId;
						}
						@endphp
							@if($InstanceName!='apsrtc')
								<a class="dropdown-item " href="javascript:void(0);" onclick='ExportExcel("{{$total_records}}","{{$MainSearchQry}}","{{$ThisModuleId}}")'>Export Excel</a>
							@else
								@if($InstanceName=='apsrtc' && $total_records<=10000)
									<a class="dropdown-item " href="javascript:void(0);" onclick='ExportExcel("{{$total_records}}","{{$MainSearchQry}}","{{$ThisModuleId}}")'>Export Excel</a>
								@elseif($InstanceName=='apsrtc' && $total_records>=10000)
									<a class="dropdown-item " href="javascript:void(0);"  title="More than 10000 Record  cannot be Export Excel" disabled onclick="ExportExcelErrMsg()">Export Excel</a>
								@endif
							@endif
						@endif


					</div>
				</div>

			</div>

		</div>

		@if(empty($columns))
		<table id="multi-column-ordering" class="table table-hover dataTable" style="width:100%">
			<tr>
				@php
				foreach($headers as $fieldList)
				{
					echo "<th>".$DisplayName=$fieldList['DisplayName']."</th>";
				}
				@endphp
			</tr>
		</table>
		<div class="alert alert-arrow-right alert-icon-right alert-light-primary mb-4" role="alert">
			<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-bs-dismiss="alert" 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 close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
			<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" y2="16"></line></svg>
			<strong>No Record Available!</strong>
		</div>
		@endif


		<div class="row">
			<div class="col-sm-6 col-md-6 text-right">
				<input type="hidden" id="TotalRecords" value="{{$total_records}}">
				<div class="text-primary" role="status" aria-live="polite" title="{{$total_records}}"><span class=" total_records">Total {{$total_records}} records</span></div>

				<div id="ExcelBtnDiv"></div>

			</div>


		</div>
		<br>


		@if($mode!=6 && $mode!='RelatedSearchinSearch')
		@if($mode!='RelatedSearchinSearch' )
		<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 onclick="ViewData('{{$ModuleId}}','{{$first}}','{{$limit}}','{{$field_name}}','{{$sort_order}}','{{$mode}}')">Prev</a></li>
				<li class="First"><a onclick="ViewData('{{$ModuleId}}','1','{{$limit}}','{{$field_name}}','{{$sort_order}}','{{$mode}}')"><<</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 onclick="ViewData('{{$ModuleId}}','{{$i}}','{{$limit}}','{{$field_name}}','{{$sort_order}}','{{$mode}}')">{{$i}}</a></li>
				@endif
				@endfor
				@if($page_num <= $end_loop)
				@php
				$last=$page_num+1;
				@endphp
				<li class='Last'><a onclick="ViewData('{{$ModuleId}}','{{$total_pages}}','{{$limit}}','{{$field_name}}','{{$sort_order}}','{{$mode}}')">>></a></li>
				<li class="next"><a  onclick="ViewData('{{$ModuleId}}','{{$last}}','{{$limit}}','{{$field_name}}','{{$sort_order}}','{{$mode}}')">Next</a></li>
				@endif
				@endif
			</ul>
		</div>
		@endif
		@elseif($mode==6)
		<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 onclick="DrillDownReport('{{$ModuleId}}','{{$ReportId}}','2','{{$condition1}}','{{$conditionValue1}}','{{$condition2}}','{{$conditionValue2}}',{{$first}})">Prev</a></li>
				<li class="First"><a onclick="DrillDownReport('{{$ModuleId}}','{{$ReportId}}','2','{{$condition1}}','{{$conditionValue1}}','{{$condition2}}','{{$conditionValue2}}','1')"><<</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 onclick="DrillDownReport('{{$ModuleId}}','{{$ReportId}}','2','{{$condition1}}','{{$conditionValue1}}','{{$condition2}}','{{$conditionValue2}}','{{$i}}')">{{$i}}</a></li>
				@endif
				@endfor
				@if($page_num <= $end_loop)
				@php
				$last=$page_num+1;
				@endphp
				<li class='Last'><a onclick="DrillDownReport('{{$ModuleId}}','{{$ReportId}}','2','{{$condition1}}','{{$conditionValue1}}','{{$condition2}}','{{$conditionValue2}}','{{$total_pages}}')">>></a></li>
				<li class="next"><a  onclick="DrillDownReport('{{$ModuleId}}','{{$ReportId}}','2','{{$condition1}}','{{$conditionValue1}}','{{$condition2}}','{{$conditionValue2}}','{{$last}}')">Next</a></li>
				@endif
				@endif
			</ul>
		</div>
		@endif

		@if($mode=='RelatedSearchinSearch')
		<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 onclick="SearchAllRelatedField('{{$ModuleId}}','{{$first}}')">Prev</a></li>
				<li class="First"><a onclick="SearchAllRelatedField('{{$ModuleId}}','1')"><<</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 onclick="SearchAllRelatedField('{{$ModuleId}}','{{$i}}')">{{$i}}</a></li>
				@endif
				@endfor
				@if($page_num <= $end_loop)
				@php
				$last=$page_num+1;
				@endphp
				<li class='Last'><a onclick="SearchAllRelatedField('{{$ModuleId}}','{{$total_pages}}')">>></a></li>
				<li class="next"><a  onclick="SearchAllRelatedField('{{$ModuleId}}','{{$last}}')">Next</a></li>
				@endif
				@endif
			</ul>
		</div>
		@endif

	</div>
	<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">BPM360</h5>
					<button type="button" class="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="response_div">
					<p class="modal-text"></p>
				</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>
	<div class="modal fade" id="ViewChangeLogModal" tabindex="-1" role="dialog" aria-labelledby="viewChangeLog" aria-hidden="true">
		<div class="modal-dialog modal-xl" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="viewChangeLog">View Change Log</h5>
					<button type="button" class="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="ViewChangeLogModalDiv">
					<p class="modal-text"></p>
				</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>

	<!-- compose mail modal -->
	<input type="hidden" id="draftId" value=''>
	<div class="modal fade" id="ComposeMailModal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title add-title" id="notesMailModalTitleeLabel">Compose</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">
					<div class="compose-box">
						<div class="compose-content">
							<form id="Emailform">

								<div class="row">
									<div class="col-md-12 mail-to" style="margin-bottom: 10px;">
										<p><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-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> From:</p>
										<div class="">
											<select class="form-control" id="m-form" onchange="UpdateMailFrom()">
												@foreach($fromMailAddress as $fromMailAddres)
												<option value="{{$fromMailAddres['FromAddress']}}" title="{{$fromMailAddres['FromAddress']}}"> 
													{{$fromMailAddres['FromName']}} ({{$fromMailAddres['FromAddress']}})
												</option>
												@endforeach
											</select>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-md-12">
										<div class="mail-to">
											<p><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-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> To:</p>
											<div class="">
												<select  class="form-control"id="m-to" multiple onchange="UpdateToMailId()">
												</select>
												<span class="validation-text"></span>
											</div>
										</div>
									</div>
								</div>

								<div class="row">
									<div class="col-md-12">
										<div class="mail-cc">
											<p><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-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3" y2="6"></line><line x1="3" y1="12" x2="3" y2="12"></line><line x1="3" y1="18" x2="3" y2="18"></line></svg> CC:</p>
											<div>
												<select  class="form-control"id="m-cc" multiple onchange="UpdateToCCId()">
												</select>
												<span class="validation-text"></span>
											</div>
										</div> 



										<div class="mb-4 mail-subject">
											<p><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-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> Subject:</p>
											<div class="w-100">
												<input type="text" id="m-subject" placeholder="Subject" class="form-control" onblur="UpdateMailSubject()">
												<span class="validation-text"></span>
											</div>
										</div>



										<div class="">
											<p><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-paperclip"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg> Upload Attachment:</p>
											<input class="form-control file-upload-input" type="file" id="mail_File_attachment" multiple="multiple" onchange="uploadAttachments(this);">
										</div>

										<div class="d-flex" id='AttachmentsList'></div>
										<br>

										<div class="" id='temlatesList'>
											<select class="form-control" name="EmailTemplate" id="template" onchange="UpdateEmailData('EmailTemplatesId',this.value)">
												<option value="">Select Template</option>
												@foreach($EmailTemplates as $EmailTemplate)
												<option value="{{$EmailTemplate['TemplateId']}}">{{$EmailTemplate['TemplateName']}}</option>

												@endforeach
											</select>

										</div>
										<br>

										<!-- <div id="editor-container"></div> -->

										<textarea id="editor-container"></textarea>



									</form>
								</div>
							</div>
						</div>
						<div class="modal-footer">

							<div class="col-md-12" id='timePickerDiv' style="display:none">
								<input type="date" name="MailTime" id="MailTime" class="form-control" placeholder="Mail Time"  value="" onchange="SendLater()">
							</div>
							<!-- <button id="btn-save" class="btn float-left" onclick="SaveEmail(event)"> Save</button> -->
							<button id="btn-save1" class="btn float-left btn-success" onclick="SaveEmail()"> Save</button>
							<button class="btn" data-bs-dismiss="modal" onclick="DiscardMail();"> <i class="flaticon-delete-1"></i> Discard</button>
							<button id="btn-send1" class="btn btn-primary" onclick="UpdateSendMail()"> Send</button>
							<button id="btn-send1" class="btn btn-primary" onclick="ShowTimeInput()"> Send Later</button>
						</div>
					</div>
				</div>
			</div>

		</div>


	</div>
	<!-- compose mail modal -->

	<script type="text/javascript">
		$(document).ready(function() {
			$(".sort_me").on({
				click: function(){
					$(this).toggleClass("sorting_asc sorting_desc");

					var fieldname=$(this).find('.column').text();
					var ModuleId = $('#ModuleId').val();
					var page_num = $('#page_num').val();
					var limit = $('#limit').val();
            // var field_name = $('#field_name').val();
					var sort_order = $('#sort_order').val();
					var original_mode = $('#mode').val();
					var sort_by='';


					if(sort_order=="DESC")
					{
						sort_by="ASC";
						sorting_css='sorting_asc';
						removeClass='sorting_desc';
					}
					else
					{
						sort_by="DESC";
						sorting_css='sorting_desc';
						removeClass='sorting_asc';
					}

					$("#sort_order").val(sort_by);
					$("#sort_by").val(sort_by);
					$("#field_name").val(fieldname);

            //var mode='Sort';
            //$("#mode").val("Sort");   // commented on 24th April '21
					if(original_mode=='Auto')
						original_mode="Sort";

            $("#mode").val(original_mode);   // updated on 24th April '21

            console.log( "sort_me... "+fieldname+" original_mode... "+original_mode+" | ID "+ModuleId+" No "+page_num+" Tot: "+limit+" Field: "+field_name+" Order "+sort_order+" sort_by "+sort_by); // +" asc "+asc+" desc "+desc
            ViewData(ModuleId,page_num,limit,fieldname,sort_by,original_mode);
        }  
    });
		});

		function open_me(obj){
			var ModuleId=obj.ModuleId;
			var RowId=obj.RowId;
			var url="../ShowDetailView/"+ModuleId+"/"+RowId;
			var href="{{'"+url+"'}}";
			console.log("Opening "+url);
			window.location.href = url;
		}

		$('.total_records').on('mouseover', function(){
			var field_name = $('#field_name').val();
			var sort_order = $('#sort_order').val();

			if(sort_order=="DESC")
			{
				sort_order="descending";
			}
			else
			{
				sort_order="ascending";
			}

			var tool_tip="Sorting "+field_name+" in "+sort_order+" order";
			$(this).attr('title', tool_tip);
			$(this).tooltip({
				placement: 'top',
				trigger: 'hover',
				html: true,
				container: 'body',
			}).tooltip('show');
		});


		composeMail=async (EmailId,RowId)=>{

			$('#m-to').val(EmailId);
			$('#ComposeMailModal').modal("show");

		// if ($('#m-form').data('select2'))
		// {
		// 	$('#m-form').select2('destroy');
		// }

			$("#m-to").select2({
				tags: true,
			});

			$("#m-cc").select2({
				tags: true,
			});
			$("#m-bcc").select2({
				tags: true,
			});


			CKEDITOR.replace("editor-container");
			CKEDITOR.instances['editor-container'].on('blur',UpdateEmailContent);

		// draftId=$('#draftId').val('');
			try
			{
				DraftMail=await getDraftEmail();
				try{
					await getDraftContents();
				}
				catch(e)
				{
					await CreateDraft();
				}

			}catch(e){
				try
				{
					await CreateDraft();
				}catch(e){}

			}

			try{

				await UpdateEmailData('RowId',RowId);
				await UpdateToMailId();
    	// alert("upodate row id");
			}catch(e){}
		}

		getDraftEmail=()=>
		{
			return new Promise((resolve,reject)=>{
				CKEDITOR.instances['editor-container'].on('blur',UpdateEmailContent);
				const draftId=$('#draftId').val();
				toAddress=$('#m-to').val();
				if(draftId=='')
				{
					reject();
				}
				else
				{
					resolve();

				}
			});

		}

		getDraftContents= ()=>
		{
			return new Promise((resolve,reject)=>{
				draftId=$('#draftId').val();
				if(draftId!='')
				{
					var type = "POST";
					var ajaxurl = "{{url('GetDraft')}}";
					$.ajax({
						type: type,
						url: ajaxurl,
						data:{draftId},
						success: function (result) 
						{
							res=JSON.parse(result);
							to=res.ToAddress;
							cc=res.CcAddress;
							Subject=res.Subject;
							content=res.ContentTags;
							tempto=$('#m-to').val();
							if(to!=tempto)
							{
								$('#draftId').val('');
								reject();
								return false;
							}
							$('#m-to').val(to);
							$('#m-cc').val(cc);
							$('#m-subject').val(Subject);
							CKEDITOR.instances['editor-container'].setData(content);
							resolve();
						}
					});
				}
			});

		}


		UpdateEmailContent=()=>
		{
			draftId=$('#draftId').val();

			messagetype = CKEDITOR.instances['editor-container'].getData();
			message=CKEDITOR.instances['editor-container'].editable().getText();

	// alert("message "+message);
			if(message!='')
			{
				var type = "POST";
				var ajaxurl = "{{url('UpdateMailContent')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{message,messagetype,draftId},
					success: function (result) 
					{
						console.log(result);
					}
				});
			}
		}



		CreateDraft=()=>
		{
			return new Promise((resolve,reject)=>{
				from=$('#m-form :selected').val();
				var type = "POST";
				var ajaxurl ="{{url('SaveDraft')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{from},
					success: function (result) 
					{
						$('#draftId').val(result);
						resolve();
					}
				});
			});



		}
		UpdateToMailId=()=>
		{
			return new Promise((resolve,reject)=>{
				toMailId=$('#m-to').val();
				draftId=$('#draftId').val();
				if(toMailId!='')
				{
					var type = "POST";
					var ajaxurl = "{{url('UpdateToMailId')}}";
					$.ajax({
						type: type,
						url: ajaxurl,
						data:{toMailId,draftId},
						success: function (result) 
						{
							resolve();
						}
					});
				}

			});

		}

		UpdateMailFrom=()=>{
			draftId=$('#draftId').val();
			from=$('#m-form').val();
			if(from!='')
			{
				var type = "POST";
				var ajaxurl = "{{url('UpdateMailFrom')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{from,draftId},
					success: function (result) 
					{
						console.log(result);
					}
				});
			}

		}
		UpdateToCCId=()=>
		{

			toCCId=$('#m-cc').val();
			draftId=$('#draftId').val();
			if(toCCId!='')
			{
				var type = "POST";
				var ajaxurl ="{{url('UpdateToCCId')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{toCCId,draftId},
					success: function (result) 
					{
						console.log(result);
					}
				});
			}
		}
		UpdateMailSubject=()=>
		{
			subject=$('#m-subject').val();
			draftId=$('#draftId').val();
			if(subject!='')
			{
				var type = "POST";
				var ajaxurl ="{{url('UpdateMailSubject')}}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data:{subject,draftId},
					success: function (result) 
					{
						console.log(result);
					}
				});
			}
		}

		SaveEmail=()=>
		{
			to=$('#m-to').val();
			cc=$('#m-cc').val();
			subject=$('#m-subject').val();
	// messagetype = $('.ql-editor').html();
	// message=$('.ql-editor').text();

			messagetype = CKEDITOR.instances['editor-container'].getData();
			message=CKEDITOR.instances['editor-container'].editable().getText();

			if(to=="" || subject=="" || message=="")
			{
				Swal.fire(
					'Error!',
					"Please fill all the fields!",
					'error'
					)

				return false;
			}

			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
				}
			});


			const draftId=$('#draftId').val();
			var type = "POST";
			var ajaxurl = "{{url('SaveEmail')}}";
			$.ajax({
				type: type,
				url: ajaxurl,
				data:{ to,cc,subject,messagetype,message,draftId},
				success: function (result) 
				{

					Swal.fire(
						'Email!',
						"Saved Successfully!",
						'success'
						)

					$('#ComposeMailModal .close').click();

					$('#draftId').val('');
				},

			});
		}

		DiscardMail=()=>
		{
			draftId=$('#draftId').val();

			var type = "POST";
			var ajaxurl = "{{url('DiscardMail')}}";
			$.ajax({
				type: type,
				url: ajaxurl,
				data:{draftId},
				success: function (result) 
				{
            // alert(result);

					Swal.fire(
						'Email!',
						result,
						'success'
						)
					draftId=$('#draftId').val('');

				}
			});
		}

		UpdateSendMail=()=>
		{
			draftId=$('#draftId').val();
			var type = "POST";
			var ajaxurl = "{{url('UpdateSendMail')}}";

			to=$('#m-to').val();
			cc=$('#m-cc').val();
			subject=$('#m-subject').val();

	// messagetype = $('.ql-editor').html();
	// message=$('.ql-editor').text();

			messagetype = CKEDITOR.instances['editor-container'].getData();
			message=CKEDITOR.instances['editor-container'].editable().getText();


			if(to=="")
			{
				Swal.fire(
					'Error!',
					"Please fill To mail address!",
					'error'
					)

				return false;
			}

			if(subject=="")
			{

				Swal.fire(
					'Error!',
					"Please fill mail Subject!",
					'error'
					)

				return false;
			}

			if(message=="")
			{
				Swal.fire(
					'Error!',
					"Please fill mail Content!",
					'error'
					)

				return false;
			}

    // return false;
			$.ajax({
				type: type,
				url: ajaxurl,
				data:{draftId},
				success: function (result) 
				{

					Swal.fire(
						'success!',
						result,
						'success'
						)

            // alert(result);
					$('#draftId').val('');
					$('#AttachmentsList').html('');
					$('#ComposeMailModal .close').click();
					templateId=$('#template :selected').val();
					$('#template').val('').change();
            // alert(templateId);
            // return false;
					SendNewMail(draftId,templateId);
				}
			});
		}

		SendNewMail=(draftId,templateId='')=>
		{
    // console.log(draftId);
			source="compose";
			$.ajax({
				type: "post",
				url: "{{url('SendNewMail')}}",
				data:{draftId,templateId,source},
				success: function (result) 
				{
					Swal.fire(
						'success!',
						result,
						'success'
						)
            // alert(result);
					$('#draftId').val('');

            // console.log(result);
				}
			});

		}

		ShowTimeInput=()=>
		{
			to=$('#m-to').val();
			cc=$('#m-cc').val();
			subject=$('#m-subject').val();
	// messagetype = $('.ql-editor').html();
	// message=$('.ql-editor').text();

			messagetype = CKEDITOR.instances['editor-container'].getData();
			message=CKEDITOR.instances['editor-container'].editable().getText();

			if(to=="")
			{
				swal({
					title: 'Error',
					text: "Please fill To mail address!",
					padding: '2em'
				})
				return false;
			}

			if(subject=="")
			{
				swal({
					title: 'Error',
					text: "Please fill mail Subject!",
					padding: '2em'
				})
				return false;
			}

			if(message=="")
			{
				swal({
					title: 'Error',
					text: "Please fill mail Content!",
					padding: '2em'
				})
				return false;
			}
			$('#timePickerDiv').css("display","block");
    // alert("ShowTimeInput");
		}

		SendLater=()=>{
			draftId=$('#draftId').val();
			sendDate=$('#MailTime').val();
			$.ajax({
				type: "post",
				url: "{{url('SendMailLater')}}",
				data:{draftId,sendDate},
				success: function (result) 
				{
					swal({
						title: 'success',
						text: result,
						padding: '2em'
					});
					$('#draftId').val('');
				}
			});
			$('#ComposeMailModal .close').click();
			$('#timePickerDiv').val("");
			$('#timePickerDiv').css("display","none");

		}

		UpdateDraftId=(draftId)=>
		{
			$('#draftId').val(draftId);
		}

		uploadAttachments=(attachmentsFile)=>{

			EmailForm=new FormData;
			draftId=$('#draftId').val();
			for(i=0;i<attachmentsFile.files.length;i++)
			{
				EmailForm.append("Attachments"+i,attachmentsFile.files[i]);
			}
			EmailForm.append("DraftId",draftId);

			$.ajax({
				url:"{{url('UploadAttachments')}}" ,
				type: 'POST',
				data: EmailForm,
				mimeType: "multipart/form-data",
				contentType: false,
				cache: false,
				processData: false,
				beforeSend:function()
				{
					$('#btn-send1').attr("disabled",true);
				},
				success:function(response)
				{
            // console.log(response);

					attachmenstDiv='';
					res=JSON.parse(response);
            // console.log(res);

					res.forEach((attch)=>{
						console.log(attch.fileName);

						attachmenstDiv+=`
						<a href="${attch.path}" target="_blank">${attch.fileName}</a>-<span style="cursor:pointer;margin-right:10px" onclick="RemoveAttachment('${attch.fileId}')">X</span>\t\t
						`;
					});

					$('#AttachmentsList').html(attachmenstDiv);
					$('#mail_File_attachment').val('');
					$('#btn-send1').attr("disabled",false);

            // console.log(attachmenstDiv);

				}
			});

		}

		RemoveAttachment=(id)=>
		{
			draftId=$('#draftId').val();
			swal({
				title: 'Are you sure to Remove Attachment?',
				text: "You won't be able to revert this!",
				type: 'warning',
				showCancelButton: true,
				confirmButtonText: 'Remove',
				padding: '2em'
			}).then(function(result){

				if (result.value) 
				{

					$.ajax({
						url: "{{url('RemoveAttachments')}}" ,
						type: 'POST',
						data: {id,draftId},
						beforeSend:function()
						{
						},
						success:function(response)
						{
							console.log(response);

							attachmenstDiv='';
							res=JSON.parse(response);
							res.forEach((attch)=>
							{
								console.log(attch.fileName);
								attachmenstDiv+=`
								<a href="${attch.path}" target="_blank">${attch.fileName}</a>-<span style="cursor:pointer;margin-right:10px" onclick="RemoveAttachment('${attch.fileId}')">X</span>`;
							});
							$('#AttachmentsList').html(attachmenstDiv);

						}
					});

				}


			});

		}

		function QuickCreate(SecondaryModuleId,subpanel_loop,RowId,ModuleName)
		{
			moduleID=$('#ModuleId').val();
			$.ajaxSetup({
				headers:{
					'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				type:"POST",
				data:{ModuleId:SecondaryModuleId,RowId:RowId,subpanel_loop:subpanel_loop,PrimaryModuleId:moduleID},
				url:"{{url('GetQuickCreateFields')}}",
				success:function(response)
				{
					$('#response_div').html(response);
					$('#exampleModalLabel').html("Quick Create "+ModuleName);
				}

			});
    // alert(moduleID);
		}


		function GetSubPanel(RowId,SecondaryModuleId,subpanel_loop,mode,field_name,page_num,AssociationType,PrimaryModuleId,ModuleName)
		{

			var module_name=$('#ModuleName').val();	
   //var RowId = $('#RowId').val();
			console.log( "Getting ListView Data... "+RowId+" = "+module_name+" -> "+SecondaryModuleId+" | "+subpanel_loop+" / "+mode);

			if(mode==3)
			{
				var limit=5;
				var sort_order="DESC";
			}
			else
			{
				var limit = $('#limit').val();
				var sort_order=mode;
			}

			var ajax_url = "{{ url('GetListViewPagination') }}";
			var formData = {

				RowId: RowId,
				module_name: module_name,
				SecondaryModuleId: SecondaryModuleId,
				page_num: page_num,
				limit: limit,
				field_name: field_name,
				sort_order: sort_order,
				subpanel_loop: subpanel_loop,
				mode: mode,
				ModuleId: PrimaryModuleId,
				AssociationType: AssociationType
			};
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: ajax_url,
				type: 'POST',
				data: formData,
				beforeSend:function() {
                // $('#SubPanel'+subpanel_loop).html("<div class='loader dual-loader mx-auto'></div>");
					$('#response_div').html("<div class='loader dual-loader mx-auto'></div>");
					$('#exampleModalLabel').html("Loading...");
				},
				success: function(result) {
					console.log("Showing Linked Records...");

                // $('#SubPanel'+subpanel_loop).html(result);
					$('#response_div').html(result);
					$('#exampleModalLabel').html("Viewing records related to "+ModuleName);
				},
				error: function (data) {
					console.log("Error:"+data);
					var na='<div class="alert alert-arrow-right alert-icon-right alert-light-danger mb-4" role="alert"><button type="button" class="close" data-bs-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-bs-dismiss="alert" 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 close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><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" y2="16"></line></svg><strong>Not Available!</strong></div>';
            	$('#response_div').html(na);  // 'Not Available!'
            }
        });
		}
		
		DisplayRowId=(RowId,ModuleId)=>{

			try{
				opener.GetMailIds(RowId,ModuleId);
			}
			catch(e){}
		}
		ExportExcelErrMsg=()=>
		{
			alert("More than 10000 Record Cannot be Export Excel ");
		}
		Mcube_Click2Call=(phoneNumber,exenumber,apiKey)=>{

	// exenumber='9066344714';

			url1="{{url('')}}"+"/api/Mcube_Click2Call";
			url=`http://mcube.vmc.in/api/outboundcall?apikey=${apiKey}&exenumber=${exenumber}&custnumber=${phoneNumber}&url=${url1}`;

			if(isNaN(phoneNumber) || phoneNumber.length!=10)
			{
				Snackbar.show({
					text: 'Invalid Phone Number',
					pos: 'top-right',
					actionTextColor: '#fff',
					backgroundColor: '#e7515a'
				});

				return false;
			}

			if(isNaN(exenumber) || exenumber.length!=10)
			{
				Snackbar.show({
					text: 'Invalid Executive Number',
					pos: 'top-right',
					actionTextColor: '#fff',
					backgroundColor: '#e7515a'
				});

				return false;
			}

			$.ajax({
				type:"get",
				url:url,
				beforeSend:()=>{
					console.clear();
				},
				success:response=>{
					console.log(response);
				}
			});
		}

		UpdateEmailData=(ColumnName,ColumnValue)=>{
			return new Promise((resolve,reject)=>{
				const draftId=$('#draftId').val();
				$.ajax({
					type: "post",
					url: "{{url('UpdateEmailData')}}",
					data:{draftId,ColumnName,ColumnValue},
					beforeSend:()=>{},
					success:response=>{
				// alert("in UpdateEmailRowId success");
						if(ColumnName=="EmailTemplatesId")
						{
							res=JSON.parse(response);

							if(ColumnValue)
							{
								MailTemplateContent=res.MailTemplateContent;

								TemplateContent=MailTemplateContent.DescriptionHtml;
								TemplateSubject=MailTemplateContent.Name;
								console.clear();
								console.log('Email Rowid',TemplateContent);
								CKEDITOR.instances['editor-container'].setData(TemplateContent);
								$('#m-subject').val(TemplateSubject);
							}
							else
							{
								CKEDITOR.instances['editor-container'].setData('');
								$('#m-subject').val('');
							}
							setTimeout(()=>{
								UpdateEmailContent();
								UpdateMailSubject();
							},100)

						}

						resolve();
				// console.log('Email Rowid',response);
					},
				});
			});


		}


		function Click2Call(ModuleId,click_to_call,RowId)
		{
	// var RowId = $('#RowId').val();


	// console.log(`RowId ${RowId}`);

	// return;

			var ajaxurl = "{{ url('ClickToCall') }}";
			var form_Data = {
				ModuleId: ModuleId,
				RowId: RowId,
				click_to_call: click_to_call,
				Source: 'DetailView'
			};


	// console.log("in click to cal");
	// return;



			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
				}
			});

			$.ajax({
				url: ajaxurl,
				type: 'POST',
				data: form_Data,
				dataType: 'json',
				beforeSend:function() {
					$(`#Click2Call_Response${RowId}`).html("<div class='loader dual-loader mx-auto'></div>");

					$('.Click2Call_Response').html('');
				},
				success: function () {
					$(`#Click2Call_Response${RowId}`).html("");
				},
				complete: function (result) {
					var obj = result.responseJSON;
					var Success_text=obj.Status;
					var msg_text=obj.Message;

					Snackbar.show({
						text: msg_text,
						pos: 'top-right',
					});

					$(`#Click2Call_Response${RowId}`).html(msg_text);
				},
				error: function (data) {
			// console.log("Error:"+data);

					console.log(data);

					var na='<div class="alert alert-arrow-right alert-icon-right alert-light-danger mb-4" role="alert"><button type="button" class="close" data-bs-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-bs-dismiss="alert" 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 close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><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" y2="16"></line></svg><strong>Not Available!</strong></div>';
					$(`#Click2Call_Response${RowId}`).html(na);
				}
			});
		}

		function DrillDownReport(ModuleId,ReportId,ReportType,Field1,Value1,Field2,Value2,page_num){
			$('#response_div').html(`<center><div class="spinner-border text-primary  align-self-center loader-lg">Loading...</div></center>`);

			var mode="DrillDownNew";
			var sort_order="DESC";
			var DateConditioninReport=document.getElementById('DateConditioninReportnew').value;
			DateConditioninReport=btoa(DateConditioninReport);
			var searchForm=JSON.stringify([{name:Field1,value:Value1},{name:Field2,value:Value2}]);

			console.log("searchForm "+searchForm);

			var formData = {
				data: searchForm,
				source: mode,
				ModuleId: ModuleId,
				ReportId: ReportId,
				ReportType: ReportType,
				field_name: Field1,
				sort_order: sort_order,
				page_num: page_num,
				DateConditioninReport: DateConditioninReport,
				mode: mode
			};

			var ajax_url = "{{ url('ShowGeneratedResults') }}";
			$.ajax({
				url: ajax_url,
				type: 'POST',
				data: formData,
				success: function(result) {
					console.log("Success...");
					$('#response_div').html(result);
				},
				error: function (data) {
					$('#response_div').html("");
				}
			});

		}
	function AuditLog(ModuleId,RowId,Source){
		$('#ViewChangeLogModalDiv').text("");
		console.log( "Getting Audit Data... "+RowId+" = "+ModuleId);
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
			}
		});
		var formData = {
			ModuleId: ModuleId,
			RowId: RowId,
			Source: Source,
		};
		var ajaxurl = "../../ViewChangeLog/"+ModuleId+"/"+RowId+"";
		$.ajax({
			type: 'POST',
			url: ajaxurl,
			data: formData,
			success: function (response) {
				$('#ViewChangeLogModalDiv').html(response);
			},
			complete: function () {
			},
			error: function (data) {
				console.log(data);
			}
		});
	}
		function ViewData(moduleId,page_num,limit,field_name,sort_order,mode){

			console.log( "Viewing Data! Mode: "+mode+" Page: "+page_num+" Limit: "+limit);

		// on 18th Feb '22
			if(mode==undefined)
		//mode="Auto";
				mode=1;

	//if(mode=="Search")
			if(mode==2)
			{
				if(sort_order=="DESC")
				{
					sort_by="ASC";
					sorting_css='sorting_asc';
					removeClass='sorting_desc';
				}
				else
				{
					sort_by="DESC";
					sorting_css='sorting_desc';
					removeClass='sorting_asc';
				}

				$("#"+field_name).addClass(sorting_css).removeClass(removeClass);
		//$("#sort_by").val(sort_order);
				$("#order_by").val(field_name);
				$("#page_num").val(page_num);
				console.log("Swapping Order & Calling Search");
				SearchAll();
			}
			else
			{
				field_name = $('#field_name').val();
				var ModuleName = $('#ModuleName').val();
				if(field_name==undefined)
					field_name=ModuleName+".UpdatedDate";
				$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
					}
				});
				var formData = {
					ModuleId: moduleId,
					page_num: page_num,
					limit: limit,
					field_name: field_name,
					sort_order: sort_order,
					mode: mode
				};
				var type = "POST";
				var ajaxurl = "{{ url('GetListViewPagination') }}";
				$.ajax({
					type: type,
					url: ajaxurl,
					data: formData,
					beforeSend:function() {
				// $('#ShowResults').html(`<center><div class="spinner-border text-primary  align-self-center loader-lg">Loading...</div></center>`);
						$('#ShowResults').html(`<center><div class="spinner-border text-primary  align-self-center loader-lg">Loading...</div></center>`);
					},
					success: function (result) {
						console.log("Show Result");
						$('#ShowResults').html(result);
					},
					complete: function () {

				//var sort_by="DESC";
						var sorting_css="sorting_desc";

						if(sort_order=="DESC")
						{
							sort_by="ASC";
							sorting_css='sorting_asc';
							removeClass='sorting_desc';
						}
						else
						{
							sort_by="DESC";
							sorting_css='sorting_desc';
							removeClass='sorting_asc';
						}

						$("#"+field_name).addClass(sorting_css).removeClass(removeClass);
	            // $("#"+field_name).toggleClass("sorting_asc sorting_desc");

						$("#sort_by").val(sort_order);
	            // $("#sort_by").val(sort_by);
						$("#sort_order").val(sort_order);
						$("#order_by").val(field_name);

						console.log("Updating Values: "+field_name+" by "+sort_order+" & "+sort_by+" | "+mode);
					},
					error: function (data) {
						console.log(data);
					}
				});

			}
		}

		ExportExcel=(TotalRecords,MainSearchQry,ModuleId)=>
		{

			recordIds=[];
			console.clear();
			ExportType=$('#MassUpdateSelect :selected').val();
	// console.log(`ExportType ${ExportType}`);
			if(ExportType!="2")
			{
				$('.massupdateCheck').each(function(){

					if($(this).is(' :checked'))
					{
						recordIds.push($(this).val());
					}

				});
			}

			recordIds=JSON.stringify(recordIds);

			// url=`{{url('')}}/exportExcel/1?TotalRecords=${TotalRecords}&MainSearchQry=${MainSearchQry}&ModuleId=${ModuleId}&recordIds=${recordIds}`;

			$.ajax({
				type:"post",
				url:"{{url('exportExcel')}}/1",
				data:{TotalRecords,MainSearchQry,ModuleId,recordIds},
				beforeSend:()=>{
					$('#ExcelBtnDiv').html(`<div class="spinner-border text-primary  align-self-center loader-lg">Loading...</div> <br> Exporting Please Wait...`)
				},
				success:response=>{
					console.log(response);
					res=JSON.parse(response);
					if(res.status=="success")
					{
						$('#ExcelBtnDiv').html(`<a href="${res.FilePath}"  class="text-primary">Click Here to Download</a>`)
					}
					else
					{
						$('#ExcelBtnDiv').html(`${res.msg}`)
					}
				}
			});

	// window.open(url,"_blank");
			// window.open(url);
		}


		document.addEventListener("DOMContentLoaded",()=>{
			setTimeout(()=>{
        // $('select').select2('destroy')
				$("#ComposeMailModal").on('hidden.bs.modal',()=> {
            // DiscardMail();
				});
				$("#m-to").select2({
					tags: true,
				});

				$("#m-cc").select2({
					tags: true,
				});
				$("#m-bcc").select2({
					tags: true,
				});

			},200);
		})

		PushToProgressiveDialer =()=>
		{
			console.clear();
			$.ajax({
				type:'post',
				url:"{{url('ProgressiveDialer-Form')}}",
				beforeSend:()=>{},
				success:response=>{

					$('#MassUpdateFormDiv').css("display","block");
					$('#MassUpdateFormDiv').html(response);

			// console.log(response);
				}
			});

		}


	</script>