@php
$results_obj = json_decode($results);
//echo "kabali";
//echo "<pre>";
	//print_r($header);
	//print_r($results_obj);
	//print_r($headers);
	//print_r($fromMailAddress);
	
//echo "</pre>";
try
{
	$loggedinUser=Auth::user()->RefId;	
}
catch(\Exception $e)
{
	$loggedinUser=1;
}

//if($loggedinUser==1)
//{
//echo "<pre>";
	//print_r($results_obj);
	//print_r($tempFiles);
	//print_r($headers);
	//print_r($GetDropdownLists);
	//print_r($ListBoxNamesIDs);
//echo "</pre>";
//}
$InLineArray=array();
if($mode=='Auto')
{
	$field_name=$header[0];
	$sort_order="DESC";
}

$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;


// 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'];
	}
}
//print_r($headers);
@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="" >
		@php
		// added on 26th Aug '21
		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);
					echo "<tr>";
						
						//echo "<td>$name</td>";
						if($mode=="RelatedSearch")
						{
							@endphp
							<td align="center">
								<a onclick="SelectMe2('{{$RowIds[$loopcount]}}','{{$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;
						//print_r($values);
						foreach ($values as $k => $v) 
						{
							$InLineRowId=end($values);
							$columns[$k] = $k;
							if($row_count==$total_count)
							{
								if($mode!=="RelatedSearch" && $mode!=="RelatedReminderSearch")
								{
									
									$pass_array=array("ModuleId"=>$ModuleId,"RowId"=>"$v");
									//print_r($pass_array);
									@endphp
									@if($RoleAccess_e!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
									<td title="Click here to edit">
										<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></a>
									</td>
									@endif
									@if($RoleAccess_d!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
									<td title="Click here to view more">
										<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></a>
									</td>
									@endif
									@if($RoleAccess_r!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
									<td title="Click here to delete">
										<a 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>
										</a>
									</td>
									@endif
									
									<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="btn btn-primary mb-4 mr-2 btn-sm" 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}}','Auto','UpdatedDate','1','{{$AssociationType}}','{{$ModuleId}}','{{$modules['ModuleName']}}')" class="btn btn-primary mb-4 mr-2 btn-sm" 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="";
								
								foreach($headers as $field_list)
								{
									$field_name=$field_list['FieldName'];
									$DropDownNameId=$field_list['DropDownNameId'];
									$DemographyConfigId=$field_list['DemographyConfigId'];
									$InLineEdit=$field_list['InLineEdit'];
									$InLineArray[$DemographyConfigId]=$InLineEdit;
									if($field_name==$k)
									{
										$ReferenceField=$field_list['ReferenceField'];
										$display_name=$field_list['DisplayName'];
										$display_type=$field_list['DisplayType'];
										$DemographyConfigIdN=$field_list['DemographyConfigId'];
										if($display_type==8)
										{
											$ParentModuleId=$field_list['ParentModuleId'];
										}
										if( ($display_type==2 || $display_type==26 && !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==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==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($RelateModules) && array_key_exists($v,$RelateModules))
										{
											// for RelateTo
											$display_value=$RelateModules[$v];
											$newFieldName=$field_name;

											$NewRowId=$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_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($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)
														{
															$Emails.="<li onclick='composeMail(`$email`)'> $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
									@if($InLineArray[$DemographyConfigIdN]=='1')
									<td>
									<div id="DisplayRelative{{$temp_count}}">
										<a onclick="popUp('{{$ModuleId}}','{{$NewRowId}}','{{$display_type}}','{{$newFieldName}}')" class='text-info' data-toggle='modal' data-target='#exampleModal'>{{$display_value}}</a>
									</div>
									<!--pencil icon-->
									<div id="RelativeEdit{{$temp_count}}" onclick="RelativeButtonView({{$temp_count}})">
										<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> 
									</div>
									<!-- end pencil icon-->
									<!--Seach & cancel icon-->
									<div id="RelativeField{{$temp_count}}" style="display:none;">
										<button type="button"class="btn btn-info mb-2" onclick="popupSearch('{{$ParentModuleId}}','{{$newFieldName}}','{{$temp_count}}','{{$DemographyConfigIdN}}')" style="margin-bottom: 0px!important">
											<svg xmlns="https://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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
										</button>
										<button type="button" class="btn btn-info mb-2"  onclick="clearInput('{{$temp_count}}')"  style="margin-bottom: 0px!important">
											<svg xmlns="https://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-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
										</button>
									</div><br>
									<!--End of Seach & Cancl button-->
									<!--TextBox-->
									<form id="FormEditable{{$temp_count}}" name="FormEditable{{$temp_count}}">
										<div id="changeNewREditable{{$temp_count}}" name="changeNewREditable{{$temp_count}}" style="display:none;"></div>
										 <input type="hidden"  class="form-control"  id="changeNewREditableName{{$temp_count}}"  value ="">
									</form> 
									<!--End of TextBox-->
									<!--Tick and cancel Button-->
									<div name="saveexitlabelRLabelValue" id="saveexitlabelRLabelValue" style="display:none;">
										<a onclick="submitQuickEdit('{{$ModuleId}}','{{$InLineRowId}}',{{$temp_count}},'{{$DemographyConfigIdN}}','{{$display_type}}')" >
											<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check" style="color:green;"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="icon-name"></span>
										</a>
										<a onclick="dontsavelabelR(,'LabelValue')" >
											<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="color:red;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
										</a>
									</div>
									<!--End of Tick and cancel Button-->
									</td>
									@else
									<td>
										<a onclick="popUp('{{$ModuleId}}','{{$NewRowId}}','{{$display_type}}','{{$newFieldName}}')" class='text-info' data-toggle='modal' data-target='#exampleModal'>{{$display_value}}</a>
									</td>
								@endif
									@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
									{
										@endphp
										<td title='$display_name'>
										<div id="FileEdit{{$temp_count}}" onclick="FileButtonView('{{$temp_count}}','{{$DemographyConfigIdN}}','{{$display_value}}')">
											<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> 
										</div>
										<form id="FormEditable{{$temp_count}}" name="FormEditable{{$temp_count}}">
											<div id="changeNewFEditable{{$temp_count}}" style="display:none;"></div>
										 </form>
										</td>
										@php
									}
								}
								else
								{
									@endphp
									
									<td title='{{$display_name}}'>
									@if($InLineArray[$DemographyConfigIdN]=='1')
										@if($display_value=="")
										
										<div id="changeEditable{{$temp_count}}" name="changeEditable{{$temp_count}}" onclick="appendEditable('{{$temp_count}}','{{$DemographyConfigIdN}}','{{$display_value}}')">
										<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>
										</div>
										@else
											<div id="changeEditable{{$temp_count}}" name="changeEditable{{$temp_count}}" onclick="appendEditable('{{$temp_count}}','{{$DemographyConfigIdN}}','{{$display_value}}')"> {{$display_value}}</div>
										@endif
										
										<form id="FormEditable{{$temp_count}}" name="FormEditable{{$temp_count}}">
											<div id="changeNewEditable{{$temp_count}}" name="changeNewEditable{{$temp_count}}" style="display:none;"></div>
										</form> 
										<div name="saveexitlabelLabelValue" id="saveexitlabelLabelValue" style="display:none;">
											<a onclick="submitQuickEdit('{{$ModuleId}}','{{$InLineRowId}}',{{$temp_count}},'{{$DemographyConfigIdN}}','{{$display_type}}')" >
												<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check" style="color:green;"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="icon-name"></span>
											</a>
											<a onclick="dontsavelabel(,'LabelValue')" >
												<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" style="color:red;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
											</a>
										</div>
									@else
										{{$display_value}}
									@endif
									
									</td>
									@php
								}

							}

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

			echo "<thead>";
				echo "<tr>";
					$RefLoop=0;
					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='3' class='text-center' nowrap>Action</th>";

							if($RoleAccess_m!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
							{
								echo "<th nowrap>".
									'<select class="form-control" id="MassUpdateSelect"style="margin-bottom: 0px !important;width: 145px !important;" onchange="selectMassUpdate(this.value)">
										<option id="mass0"value="">Mass Update</option>
										<option id="thisPageRecord" value="1">This Page</option>
										<option id="allRecord" value="2">Select All</option>
									</select>'
								."</th>";
							}
						}
						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>
						@php
					}
					$row_count++;
				}
			echo "</tr>";
		echo "</thead>";

		$row_count=0;
		echo "<tfoot>";
			echo "<tr>";
				$massupdatecol=1;
				if($massupdatecol==1)
				{
					$massupdatecol="0";
				}
				$fcount=0;
				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='3' 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}}')">{{$DisplayName}}</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">
	<div class="col-md-4">
		<button type="button" id="massUpdate-btn"class="btn btn-primary" loopval="{{$loopcount}}"onclick="massUpdate('{{$loopcount}}')" style="display: none;">Mass Update</button>
	</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-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-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="col-sm-12 col-md-12 text-right">
	<div class="text-primary" role="status" aria-live="polite" title="{{$total_records}}"><span class=" total_records">Total {{$total_records}} records</span></div>
</div>

<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>
		@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="next"><a  onclick="ViewData('{{$ModuleId}}','{{$last}}','{{$limit}}','{{$field_name}}','{{$sort_order}}','{{$mode}}')">Next</a></li>
		@endif
		@endif
	</ul>
</div>
</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>

<!-- 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" role="document">
		<div class="modal-content">
			<div class="modal-body">
				<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 close" data-dismiss="modal"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
				<div class="compose-box">
					<div class="compose-content">
						<form id="Emailform">
							<div class="row">
								<div class="col-md-12">
									<div class="d-flex mb-4 mail-form">
										<p>From:</p>
										<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-6">
									<div class="d-flex mb-4 mail-to">
										<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>
										<div class="">
											<input type="email" id="m-to" placeholder="To" class="form-control" onblur="UpdateToMailId()">
											<span class="validation-text"></span>
										</div>
									</div>
								</div>

								<div class="col-md-6">
									<div class="d-flex mb-4 mail-cc">
										<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>
										<div>
											<input type="text" id="m-cc" placeholder="Cc" class="form-control"  onblur="UpdateToCCId()">
											<span class="validation-text"></span>
										</div>
									</div>
								</div>
							</div>

							<div class="d-flex mb-4 mail-subject">
								<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>
								<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="d-flex">
								<input type="file" class="form-control-file" id="mail_File_attachment" multiple="multiple" onchange="uploadAttachments(this);">
							</div>

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

							</div>
							<br>

							<div id="editor-container">

							</div>

						</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-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 class="modal fade " id="SearchModal" 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">Search</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<svg aria-hidden="true" xmlns="https://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>
						</button>
					</div>
					<div class="modal-body">
						<input type="hidden" id="ParentModuleId"  value="">
						<input type="hidden" id="ColumnName"  value="">
						<input type="hidden" id="Holdrowcnt"  value="">
						<input type="hidden"  id="HoldDemoId" value=""> 
						<div class="row">
							<div class="col-lg-12 layout-spacing">
								<div id="iconsAccordion" class="accordion-icons">

									<div class="card">
										<div class="card-header" id="headingThree8">
											<section class="mb-0 mt-0">
												<div role="menu" class="" data-toggle="collapse" data-target="#iconAccordionThree" aria-expanded="false" aria-controls="iconAccordionThree">
													<div class="accordion-icon"><svg xmlns="https://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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
														Search Filters <div class="icons"><svg xmlns="https://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></div>
													</div>
												</section>
											</div>
											<div id="iconAccordionThree" class="collapse" aria-labelledby="headingThree8" data-parent="#iconsAccordion">
												<div class="card-body">
													<div class="col-xs-12 col-sm-12 col-md-12" name="ShowFields" id="ShowFields">
													</div>
													<input type="button" name="FindTicket" id="FindTicket" value="Search" class="btn btn-primary" onclick="SearchAll()" />
													<input type="button" name="Clear" id="Clear" value="Clear" class="btn btn-primary"  onclick="SearchFilters()" />
													<p id="loading"></p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>


							<div id="ShowFields">

							</div>
						<!--    <div class="form-group row" >
								<div class="col-md-12"align="center">
									<button class="btn btn-primary" onclick="SearchAll()">Search</button>
								</div>
							</div> -->
							<div class="form-group row">
								<div class="col-md-12">
									<div id="ShowModalResults">
									
									</div>
								</div>
							</div>
						</div>

						<div class="modal-footer">
							<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
						</div>
					</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 appendEditable(rowcnt,DemographyConfigId,display_name){
		var ModuleId = $('#ModuleId').val();
		var type = "POST";
    	var ajaxurl = "{{url('AppendDemographyFields')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{DemographyConfigId,display_name,ModuleId},
    		success: function (result) 
    		{
				document.getElementById("changeNewEditable"+rowcnt).style.display = "block";
				document.getElementById("changeEditable"+rowcnt).style.display = "none";
               $("#changeNewEditable"+rowcnt).html(result);
			   displayoptions(rowcnt,'LabelValue'); 
            }
		 });
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	function dontsavelabel(rowcnt,label){
		document.getElementById("saveexitlabelLabelValue"+rowcnt).style.display = "none";
		document.getElementById("changeNewEditable"+rowcnt).style.display = "none";
		document.getElementById("changeEditable"+rowcnt).style.display = "block";
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	function dontsavelabelR(rowcnt,label){
		document.getElementById("RelativeField"+rowcnt).style.display = "none";
		document.getElementById("changeNewREditable"+rowcnt).style.display = "none";
		document.getElementById("saveexitlabelRLabelValue"+rowcnt).style.display = "none";
		document.getElementById("RelativeEdit"+rowcnt).style.display = "block";
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	function clearInput(rowcnt){
		document.getElementById("RelativeField"+rowcnt).style.display = "none";
		document.getElementById("changeNewREditable"+rowcnt).style.display = "none";
		document.getElementById("saveexitlabelRLabelValue"+rowcnt).style.display = "none";
		document.getElementById("RelativeEdit"+rowcnt).style.display = "block";
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	function RelativeButtonView(rowcnt){ 
		document.getElementById("RelativeField"+rowcnt).style.display = "block";
		document.getElementById("RelativeEdit"+rowcnt).style.display = "none";
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	function FileButtonView(rowcnt,DemographyConfigId,display_name){ 
		
		var ModuleId = $('#ModuleId').val();
		var type = "POST";
    	var ajaxurl = "{{url('AppendDemographyFields')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{DemographyConfigId,display_name,ModuleId},
    		success: function (result) 
    		{
				document.getElementById("changeNewFEditable"+rowcnt).style.display = "block";
				document.getElementById("FileEdit"+rowcnt).style.display = "none";
               $("#changeNewFEditable"+rowcnt).html(result);
			   //displayoptions(rowcnt,'LabelValue'); 
            }
		 });
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	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;
	}
	
	function displayoptions(loopcount,field_name){
		//alert("ID : "+idval);
		var saveexitlabel_name = "saveexitlabel"+field_name+""+loopcount;
		//alert(saveexitlabel_name);
		document.getElementById(saveexitlabel_name).style.display = "block";
	}
	
	function displayoptionsforR(loopcount,field_name){
		//alert("ID : "+idval);
		var saveexitlabel_name = "saveexitlabel"+field_name+""+loopcount;
		//alert(saveexitlabel_name);
		document.getElementById(saveexitlabel_name).style.display = "block";
	}

	
	submitQuickEdit=(ModuleId,RowId,rowcnt,DemographyId,DisplayType)=>
    {
		//formData=document.getElementById("FormEditable"+rowcnt);
		formData=JSON.stringify($("#FormEditable"+rowcnt).serializeArray());
		formDataValue=$("#FormEditable"+rowcnt).serializeArray();
		var NewValue=formDataValue[0].value;
       // var EditForm = JSON.stringify(formData.serializeArray());
	   
        var formData = {
            ModuleId: ModuleId,
            RowId: RowId,
            source: "Edit",
            data: formData,
        };
        $.ajax({
            type:"post",
            url:"{{url('SaveQuickEditView')}}",
            data:formData,
            beforeSend:function(){
               // $('#mySubBtn'+UniqId).prop("disabled",true);
            },
            success:function(response){
                console.log(response);
                res=JSON.parse(response);

                if(res.Status=="Success")
                {
                 Snackbar.show({
                    text: res.Message,
                    pos: 'top-right',
                });
				if(DisplayType == '8')
				{
					document.getElementById("RelativeField"+rowcnt).style.display = "none";
					document.getElementById("changeNewREditable"+rowcnt).style.display = "none";
					document.getElementById("changeNewREditableName"+rowcnt).style.display = "none";
					document.getElementById("saveexitlabelRLabelValue"+rowcnt).style.display = "none";
					document.getElementById("RelativeEdit"+rowcnt).style.display = "block";
					getSavedField(ModuleId,RowId,rowcnt,DemographyId,DisplayType);
				}
				else
				{
					document.getElementById("changeNewEditable"+rowcnt).style.display = "none";
					document.getElementById("saveexitlabelLabelValue"+rowcnt).style.display = "none";
					document.getElementById("changeEditable"+rowcnt).style.display = "block";
					getSavedField(ModuleId,RowId,rowcnt,DemographyId,DisplayType);
				}
				
				// $("#changeEditable"+rowcnt).html(NewValue);
             }
                // $('#mySubBtn'+UniqId).prop("disabled",false);

            }   
        });

        // console.log(UniqId);

        // console.log("ModuleId",ModuleId);
        // console.log("RowId",RowId);
    }
	
	function popupSearch(ParentModuleId,ColumnName,rowcnt,demographyId)
    {
        $('#SearchModal').modal("show");
        //$('#ParentModuleId').val(ParentModuleId);
       // $('#ColumnName').val(ColumnName);
        ModuleId=ParentModuleId;
        SearchFilters(ModuleId);
        SearchAll(ModuleId,ColumnName,rowcnt,demographyId);
    }
    function SearchFilters(ModuleId)
    {

        //var ModuleId = $('#ParentModuleId').val();
        // console.log("Getting Filters...");
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            }
        });

        var formData = {
            ModuleId: ModuleId,
        source: ModuleId, //"Search",
    };
    var type = "POST";
    var urls = "{{ url('SearchGetFields') }}";  // GetDemographyFields calls Controller
    $.ajax({
        type: type,
        url: urls,
        data: formData,
        beforeSend:function() {
            $('#ShowFields').html("<div class='loader dual-loader mx-auto'></div>");
        },
        success: function (results) {
            // console.log("Recieved Filter!");
            //alert("results"+results);
            $('#ShowFields').html(results);
        },
        error: function (data) {
            // console.log("Error: "+data);
            $('#ShowFields').html("");
        }
    });
}

function SearchAll(ModuleId,ColumnName,rowcnt,demographyId)
{

    // return false;
    // console.log("Loading Results...");

    //var ModuleId = $('#ParentModuleId').val();
    //var page_num = $('#page_num').val();
    //var total_records = $('#total_records').val();
    var limit = $('#limit').val();
    var field_name = ColumnName;
    var sort_order = $('#sort_order').val();
    var page_num = $('#page_num').val();
    var mode='RelatedSearch';
    //var page_num=1;

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

    if(limit==undefined || limit=="")
        limit=10;

    if(page_num==undefined || page_num=="")
        page_num=1;

    if(sort_order==undefined || sort_order=="")
        sort_order="DESC";

    if(field_name==undefined || field_name=="")
        field_name="CreatedDate";

    var searchForm = JSON.stringify( $('#SearchForm').serializeArray() );

    var formData = {
        data: searchForm,
        source: ModuleId,
        ModuleId: ModuleId,
        page_num: page_num,
        limit: limit,
        field_name: field_name,
        sort_order: sort_order,
        mode: mode
    };

    //var ajax_url = "FindMe";
    var ajax_url = "{{ url('FindMePagination') }}";
    $.ajax({
        url: ajax_url,
        type: 'POST',
        data: formData,
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        beforeSend:function() {
            $('#loading').html("<div class='loader dual-loader mx-auto'></div>");
        },
        success: function(result) {
            // console.log("Success...");
            $('#loading').html('');
            $('#ShowModalResults').html(result);
			document.getElementById("Holdrowcnt").value = rowcnt;
			document.getElementById("HoldDemoId").value = demographyId;
        }, 
        error: function (data) {
            $('#ShowModalResults').html("");
        }
    });
}
SelectMe2=(RowId,ModuleId)=>
{
    // console.log(RowId);
    MainModuleId=$('#ModuleId').val();
    Holdrowcnt=$('#Holdrowcnt').val();
    HoldDemoId=$('#HoldDemoId').val();
    $.ajax({
        type:"POST",
        url:"{{url('GetRelatedName')}}",
        data:{RowId,ModuleId,MainModuleId},
        beforeSend:function(){},
        success:function(response)
        {
            // console.log(response);
            result1=JSON.parse(response);
            result=result1.result;
			rowId=result.RowId;
            CountofMap=result1.CountofMap;
            GetFetechedMappedFields=result1.GetFetechedMappedFields;
			document.getElementById("changeNewREditable"+Holdrowcnt).style.display = "block";
			//document.getElementById("changeEditable"+Holdrowcnt).style.display = "none";
			displayVal=result.DisplayName;
			appendEditableforR(Holdrowcnt,HoldDemoId,rowId,displayVal);
		  //document.getElementById("changeNewREditableName"+Holdrowcnt).value=displayVal;
		   
		   //$("#changeNewREditableName"+Holdrowcnt).value=$displayVal;
		   //$("#changeNewREditable"+Holdrowcnt).html(GetFetechedMappedFields);
          //  ColumnName=$('#ColumnName').val();
           
          //  displayVal=result.DisplayName;
          //  $('#'+ColumnName).val(rowId);
           // $('#'+ColumnName+"Display").val(displayVal);
            Snackbar.show({
                text: "Selected", 
                pos: 'top-right',
            });
            console.log();
            $('#SearchModal .close').click();

        }
    });
}
function appendEditableforR(rowcnt,DemographyConfigId,display_name,displayVal){
		var ModuleId = $('#ModuleId').val();
		var type = "POST";
    	var ajaxurl = "{{url('AppendDemographyFields')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{DemographyConfigId,display_name,ModuleId},
    		success: function (result) 
    		{
				//document.getElementById("changeNewREditableName"+Holdrowcnt).style.display = "block";
				 $("#changeNewREditable"+rowcnt).html(result);
				 document.getElementById("changeNewREditable"+rowcnt).style.display = "none";
				 document.getElementById("changeNewREditableName"+rowcnt).type="text"; 
				 document.getElementById("changeNewREditableName"+rowcnt).value=displayVal;
			   displayoptionsforR(rowcnt,'RLabelValue'); 
            }
		 });
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
function getSavedField(ModuleId,RowId,DivId,DemoId,DisplayType)
{
		var type = "POST";
    	var ajaxurl = "{{url('GetSingleFieldValue')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{ModuleId,RowId,DemoId},
    		success: function (result) 
    		{
				if(DisplayType==8)
				{
					$("#DisplayRelative"+DivId).html(result);
					 document.getElementById("changeNewREditableName"+DivId).type="hidden"; 
				}
				else
				{
					$("#changeEditable"+DivId).html(result);
				}
				
            }
		 });
}
	$('.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=(EmailId)=>{
    // console.log(EmailId);
    $('#m-to').val(EmailId);

    $('#ComposeMailModal').modal("show");
    $('.ql-toolbar').remove();
    try{
    	$('#m-form').select2('destroy');
    }
    catch(e){}
    var quill = new Quill('#editor-container', {
    	modules: {
    		toolbar: [
    		[{ header: [1, 2, false] }],
    		['bold', 'italic', 'underline'],
    		['image', 'code-block']
    		]
    	},
    	placeholder: 'Compose an epic...',
    	theme: 'snow'
    });

    getDraftEmail();
}

getDraftEmail=()=>
{
	document.querySelector('.ql-editor').addEventListener("blur",UpdateEmailContent);
	const draftId=$('#draftId').val();

	toAddress=$('#m-to').val();
	if(draftId=='')
	{
		CreateDraft();
	}
	else
	{
		getDraftContents();
	}
    // console.log("draftid=",draftId);
}

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

    // alert(draftId);
    if(draftId!='')
    {
    	var type = "POST";
    	var ajaxurl = "{{url('GetDraft')}}";
    	$.ajax({
    		type: type,
    		url: ajaxurl,
    		data:{draftId},
    		success: function (result) 
    		{
                // alert(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('');
                	CreateDraft();
                	return false;
                }
                $('#m-to').val(to);
                $('#m-cc').val(cc);
                $('#m-subject').val(Subject);
                $('.ql-editor').removeClass('ql-blank');
                $('.ql-editor').html(content);
                // console.log(result);


            }
        });
    }
}


UpdateEmailContent=()=>
{
	draftId=$('#draftId').val();
	messagetype = $('.ql-editor').html();
	message=$('.ql-editor').text();

    // alert(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);
    		}
    	});
    }
}

getDraftEmail=()=>
{
	document.querySelector('.ql-editor').addEventListener("blur",UpdateEmailContent);
	const draftId=$('#draftId').val();
	if(draftId=='')
	{
		CreateDraft();
	}
	else
	{
		getDraftContents();
	}
}

CreateDraft=()=>
{
	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);
			UpdateToMailId();
		}
	});
}
UpdateToMailId=()=>
{

	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) 
			{
				console.log(result);
			}
		});
	}
}

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();

	if(to=="" || subject=="" || message=="")
	{
		swal({
			title: 'Error',
			text: "Please fill all the fields!",
			padding: '2em'
		})
		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({
				title: 'Email!',
				text: "Saved Successfully!",
				type: 'success',
				padding: '2em'
			});
			$('#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({
            	title: 'Email!',
            	text: result,
            	type: 'success',
            	padding: '2em'
            });
            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();


	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;
	}

    // return false;
    $.ajax({
    	type: type,
    	url: ajaxurl,
    	data:{draftId},
    	success: function (result) 
    	{
    		swal({
    			title: 'success',
    			text: result,
    			padding: '2em'
    		});
            // alert(result);
            $('#draftId').val('');
            $('#AttachmentsList').html('');
            $('#ComposeMailModal .close').click();
            templateId=$('#template :selected').val();
            $('#template').val('').change();
            // alert(templateId);
            
            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({
    			title: 'success',
    			text: result,
    			padding: '2em'
    		});
            // 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();

	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=='Auto')
   {
        var limit=5;
        var sort_order="DESC";
    }
    else
    {
        var limit = $('#limit').val();
        var sort_order=mode;
    }

            var ajax_url = "{{ url('GetSubPanel') }}";
            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,
             PrimaryModuleId: 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-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" data-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!'
        	}
   		});
    }

</script>