@php
$results_obj = json_decode($results);
echo "<pre>";
 // print_r($results_obj);
 // print_r($RelateModules);

 // print_r($headers);

 // print_r($GetDropdownLists);
echo "</pre>";
//die();
if($mode=='Auto')
{
    try
    {
    $field_name=$header[0];

    }
    catch(\Exception $e)
    {
        $field_name="";
    }

  //  $field_name=$header[0];
    $sort_order="DESC";
}


// added on 30th Aug '21

try
{
    $userdetails = Auth::user();
    $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="";
}
$colspanCnt="3";
$HeaderCNt=count($header);
$LoopCnt=0;
$rowid="";
$rowArray=array();
foreach($results_obj as $name => $values) {
foreach ($values as $k => $v) {
if($LoopCnt==$HeaderCNt)
{
    $rowArray[$name]=$v;
}
$LoopCnt++;
}
$LoopCnt=0;
}
//print_r($results_obj);
// replacing PopUpLinking('{{$AssociationType}}')
// GetSubPanel(module_name,SecondaryModuleId,subpanel_loop,mode,field_name,page_num,AssociationType,PrimaryModuleId)
// '{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Auto','UpdatedDate','1','{{$AssociationType}}','{{$ModuleId}}'
@endphp
<!--
<div class="col-sm-12 col-md-12">
    <a onclick="QuickCreate('{{$SecondaryModuleId}}','{{$subpanel_loop}}')" class="btn btn-primary mb-2" data-toggle="modal" data-target="#exampleModal">Quick Create</a>
    <a onclick="PopUpLinking('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Auto','{{$field_name}}','{{$page_num}}','{{$AssociationType}}','{{$ModuleId}}',)" class="btn btn-primary mb-2" data-toggle="modal" data-target="#exampleModal">Link</a>
</div>
-->
<style>
td{
	white-space: normal !important;
	text-align : justify !important;
}
</style>

<div class="table-responsive mb-4 mt-4" style="overflow-x:auto;">
    <input type="hidden" name="ModuleId{{$subpanel_loop}}" id="ModuleId{{$subpanel_loop}}" value="{{$ModuleId}}" >
    <input type="hidden" name="SecondaryModuleId{{$subpanel_loop}}" id="SecondaryModuleId{{$subpanel_loop}}" value="{{$SecondaryModuleId}}" >
    <input type="hidden" name="module_name{{$subpanel_loop}}" id="module_name{{$subpanel_loop}}" value="{{$module_name}}" >
    <input type="hidden" name="page_num{{$subpanel_loop}}" id="page_num{{$subpanel_loop}}" value="{{$page_num}}" >
    <input type="hidden" name="total_records{{$subpanel_loop}}" id="total_records{{$subpanel_loop}}" value="{{$total_records}}" >
    <input type="hidden" name="field_name{{$subpanel_loop}}" id="field_name{{$subpanel_loop}}" value="{{$field_name}}" >
    <input type="hidden" name="limit{{$subpanel_loop}}" id="limit{{$subpanel_loop}}" value="{{$limit}}" >
    <input type="hidden" name="sort_order{{$subpanel_loop}}" id="sort_order{{$subpanel_loop}}" value="{{$sort_order}}" >
    <input type="hidden" name="order_by{{$subpanel_loop}}" id="order_by{{$subpanel_loop}}" value="" >
    <input type="hidden" name="sort_by{{$subpanel_loop}}" id="sort_by{{$subpanel_loop}}" value="" >
    <input type="hidden" name="subpanel_loop{{$subpanel_loop}}" id="subpanel_loop{{$subpanel_loop}}" value="{{$subpanel_loop}}" >
    <input type="hidden" name="AssociationType{{$subpanel_loop}}" id="AssociationType{{$subpanel_loop}}" value="{{$AssociationType}}" >

    @php

    $total_count=count($header);
    $temp_count=$page_num;
    $columns = array();
    // added on 30th Aug '21

    if(!empty($results_obj))
    {

        $RowIds=array();
        foreach($results_obj as $name => $values) {
        $row_count=0;
        foreach ($values as $k => $v) {
        if($row_count==$total_count)
        {
            $RowIds[]=$v;
        }
        $row_count++;
    }
}
@endphp
<table id="multi-column-ordering" class="table table-hover dataTable" style="width:100%">
  @php
  echo "<tbody>";
    foreach($results_obj as $name => $values) {
		$InLineRowId=end($values);
    echo "<tr>";
        //echo "<td>$name</td>";
        $row_count=0;
        $n=0;

        //print_r($values);

        $ListPrimaryKey=array_key_last(json_decode(json_encode($values),true));
        $ListPrimaryKey;
        $ListRowid=$values->$ListPrimaryKey;
        foreach ($values as $k => $v) {
        $n++;
        if($n==1 && $source=="API")
        {
            $ApiPass_array=array("ModuleId"=>$SecondaryModuleId,"RowId"=>"$ListRowid");
            @endphp
            <td title="Click here to edit" style="text-align: center">
                <a  onclick="ScreenPopQuickUpdate('{{json_encode($ApiPass_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>
            @php
        }
        

        $columns[$k] = $k;
        if($row_count==$total_count)
        {
            $pass_array=array("ModuleId"=>$SecondaryModuleId,"RowId"=>"$v");


            if($source!=="API")
            {
                @endphp


                <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>
                <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>
                <td title="Click here to delete">
                    <a onclick="RemoveMe('{{$SecondaryModuleId}}','{{$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>
                @php
                if($AssociationType==3)
                {
                   $colspanCnt="4";
                   @endphp
                   <td title="Click here to Unlink">
                      <a onclick="UnLink('{{$ModuleId}}','{{$SecondaryModuleId}}','{{$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-trash"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
                     </a>
                 </td>
                 @php
             }
         }

     }
     else
     {
        $display_name="";
        $display_value=$v;
        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 && !empty($ListBoxNamesIDs))
                {
                    //$display_value=$GetDropdownLists[$v];
                    $ListBoxNamesIDVal=$DropDownNameId;
                    //$ListBoxNamesIDVal=$ListBoxNamesIDs[$field_name];
                    $listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];

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

                    if(array_key_exists($display_value,$listBoxVal))
                    {
                       $display_value=$listBoxVal[$display_value];
                   }

               }
               if($display_type==3 && !empty($ListBoxNamesIDs))
               {
                $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")
            {
                // added on 16th Sept '21
                $display_value="";
            }
            else
            {
                // added on 28th April '21
                $display_value = date("$DateFormat", strtotime($v));
            }
        }

        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")
            {
                // 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");
            }
        }

        if($display_type==23 && $v!="" && !empty($RelateModules) && array_key_exists($v,$RelateModules))
        {
            // for Dependent_RelateTo; from listview, on 23rd Sept '21
            $display_value=$RelateModules[$v];
        }

        if($display_type==15 && $display_value!="")
        {
            // for AssignedTo
			if(array_key_exists($v,$AssignedToList))
			{
				 $display_value=$AssignedToList[$v]['name'];
			}
			else
			{
				 $display_value=$v;
			}
           
        }
		$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==9||$display_type==9) && $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==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($ReferenceField==1)  //  && $mode=='Auto'
        {
            $MyRowId=$RowIds[$name];
            $PassArray=array("ModuleId"=>$ModuleId,"RowId"=>$RowIds[$name]);
            $pass_me=json_encode($PassArray);

            if($mode!=="RelatedSearch")
            {
                //$display_value="<a onclick='open_me($pass_me)' title='Click here to view more' class='text-primary'>".$display_value."</a>";
                //$display_value="<a href='{{ url('ShowDetailView',$pass_array) }}' title='Click here to view more' class='text-primary'>".$display_value."</a>";
                $display_value="$display_value";
            }

        }

    }
}
if($display_type==8)
{
	@endphp
	<td title='$field_name | {{$display_name}}'>
	@if($InLineArray[$DemographyConfigIdN]=='1')
		<div id="DisplayRelative{{$temp_count}}">
			<a onclick="popUp('{{$SecondaryModuleId}}','{{$NewRowId}}','{{$display_type}}','{{$newFieldName}}')" class='text-info' data-toggle='modal' data-target='#exampleModal'>{{$display_value}}</a>
			<!--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-->
			<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('{{$SecondaryModuleId}}','{{$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-->
		</div>
	@else
		<a onclick="popUp('{{$SecondaryModuleId}}','{{$NewRowId}}','{{$display_type}}','{{$newFieldName}}')" class='text-info' data-toggle='modal' data-target='#exampleModal'>{{$display_value}}</a>
	@endif
	</td>
	@php
}
elseif($display_type==29)
{
    @endphp
    <td>
        <a href="{{$display_value}}" class="text-primary" target="_blank">{{$display_value}}</a>
    </td>
    @php
}
else
{
	@endphp
		<td title='$field_name | {{$display_name}}'>
		@if($InLineArray[$DemographyConfigIdN]=='1')
		<div id="changeEditable{{$temp_count}}" name="changeEditable{{$temp_count}}" onclick="appendEditable('{{$temp_count}}','{{$DemographyConfigIdN}}','{{$display_value}}')"> {{$display_value}}</div>
		<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('{{$SecondaryModuleId}}','{{$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>
		</td>
		@else
			{{$display_value}}
		@endif
	@php
}
	

}

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

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

echo "<thead>";
    echo "<tr>";
        $h=0;
        foreach ($columns as $column) {
        $h++;
        if($h==1 && $source=="API")
        {
            @endphp
            <th colspan='' class='text-center'>
                    
                   <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>

            </th>
            @php
        }
        //$column=$fieldList['FieldName'];
        //$DisplayName=$fieldList['DisplayName'];

        if($row_count==$total_count)
        {
            //if($source!=="API")
            //{ 
            //echo "<th colspan='{{$colspanCnt}}' class='text-center'>Action</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';
            }
            //  | {{$display_type}} - {{$display_name}}
            @endphp
            <th class="sort_me {{$sorting_css}}" title='Click here to sort by {{$column}}' id='{{$column}}'><p class='column' style='display: none'>{{$column}}</p>
             <p class='sort_od' style='display: none'>{{$subpanel_loop}}</p>{{$column}}</th>
             @php
         }
         $row_count++;
     }
 echo "</tr>";
echo "</thead>";

$row_count=0;
echo "<tfoot>";
    echo "<tr>";
        $m=0;
        foreach ($columns as $column) {
        $m++;
        if($m==1 && $source=="API")
        {
            
          echo "<th colspan='{{$colspanCnt}}' class='text-center'>
                <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>

            </th>";
          
        }
        if($row_count==$total_count)
        {
            //if($source!=="API")
            //{
            // echo "<th colspan='{{$colspanCnt}}' class='text-center'>Action</th>";
            //}
        }
        else
        {
            @endphp
            <!-- <th title='Click here to sort {{$column}} in descending order' class="sort_me {{$sorting_css}}" ><a onclick="GetSubPanel('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','DESC','{{$column}}')">{{$column}}</a></th> -->
            <th>{{$column}}</th>
            @php
        }
        $row_count++;
    }
echo "</tr>";
echo "</tfoot>";
@endphp
</table>
</div>

@php
}   // end of results_obj validation, added on 26th Aug '21
@endphp

@if(empty($columns))
<table id="multi-column-ordering" class="table table-hover dataTable" style="width:100%">
    <tr>
        @php
        foreach ($header as $column) {
        echo "<th>$column</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>Not 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;
        // module_name,SecondaryModuleId,subpanel_loop,mode,field_name,page_num,AssociationType,PrimaryModuleId
        // replaced SubPanel with Auto on 3rd Nov '21
        @endphp
        <li class="prev"><a onclick="GetSubPanel('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Auto','{{$field_name}}','{{$first}}','{{$AssociationType}}','{{$ModuleId}}')">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="GetSubPanel('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Auto','{{$field_name}}','{{$i}}','{{$AssociationType}}','{{$ModuleId}}')">{{$i}}</a></li>
        @endif
        @endfor
        @if($page_num <= $end_loop)
        @php
        $last=$page_num+1;
        @endphp
        <li class="next"><a  onclick="GetSubPanel('{{$module_name}}','{{$SecondaryModuleId}}','{{$subpanel_loop}}','Auto','{{$field_name}}','{{$last}}','{{$AssociationType}}','{{$ModuleId}}')">Next</a></li>
        @endif
        @endif
    </ul>
</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>
<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 sort=$(this).find('.sort_od').text();
                var ModuleId = $('#ModuleId'+sort).val();
                var module_name = $('#module_name'+sort).val();
                var subpanel_loop = $('#subpanel_loop'+sort).val();
                var SecondaryModuleId = $('#SecondaryModuleId'+sort).val();
                var page_num = $('#page_num'+sort).val();
                var limit = $('#limit'+sort).val();
            // var field_name = $('#field_name').val();
            var sort_order = $('#sort_order'+sort).val();
            var AssociationType = $('#AssociationType'+sort).val();
            var PrimaryModuleId = $('#ModuleId'+sort).val();
            var sort_by='';
            // var subpanel_loop='0';


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

            // var mode='SubPanel';
            var mode='Auto';
//  GetSubPanel(module_name,SecondaryModuleId,subpanel_loop,mode,field_name,page_num,AssociationType,PrimaryModuleId)
console.log( "sort_me..."+ModuleId+" No "+page_num+" Tot: "+limit+" Field: "+fieldname+" Order "+sort_order+" sort_by "+sort_by+" / mode "+mode);
            // GetSubPanel(module_name,SecondaryModuleId,subpanel_loop,sort_by,fieldname,page_num);
            GetSubPanel(module_name,SecondaryModuleId,subpanel_loop,mode,fieldname,page_num,AssociationType,PrimaryModuleId);
        }  
    });
    });
	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("");
			}
		});
	}
	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);
	}
	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 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 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 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);
					}
					
				}
			 });
	}
	function RelativeButtonView(rowcnt){ 
		document.getElementById("RelativeField"+rowcnt).style.display = "block";
		document.getElementById("RelativeEdit"+rowcnt).style.display = "none";
		//response="kabali";
		//$("#changeEditable"+rowcnt).html(response);
	}
	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)
        {
			 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 displayoptionsforR(loopcount,field_name){
		//alert("ID : "+idval);
		var saveexitlabel_name = "saveexitlabel"+field_name+""+loopcount;
		//alert(saveexitlabel_name);
		document.getElementById(saveexitlabel_name).style.display = "block";
	}
    function UnLink(ModuleId,SecoundryModuleId,ScoundaryRowId){
        swal({
          title: 'Are you sure?',
          text: "You won't be able to revert this!",
          type: 'warning',
          showCancelButton: true,
          confirmButtonText: 'Delete',
          padding: '2em'
      }).then(function(result) {
          if (result.value) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });
            var RowId = $('#RowId').val();
            var formData = {
                ModuleId: ModuleId,
                SecoundryModuleId: SecoundryModuleId,
                RowId: RowId,
                ScoundaryRowId: ScoundaryRowId,
            };
            var type = "POST";
            var ajaxurl = "{{ url('UnLink') }}";
            $.ajax({
                type: type,
                url: ajaxurl,
                data: formData,
                dataType: 'json',
                success: function () {

                },
                complete: function (result) {
                    var obj = result.responseJSON;
                    var msg=obj.Message;

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

                     //redirect to listview
                     location.reload();
                 },
                 error: function (data) {
                    console.log(data);
                }
            });
            swal(
              'Deleted!',
              msg,
              'success'
              )
        }
        else
        {
            Snackbar.show({
                text: 'Warning',
                actionTextColor: '#fff',
                backgroundColor: '#e2a03f',
                text: 'You have not deleted this record!',
                pos: 'top-right',
            });
        }
    })

  }

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