@php
$fieldList_array = json_decode($fieldList);
$GetlistField = json_decode($GetlistField);
$displayPanels=json_encode($panels);
echo "<pre>";
	//print_r($GetDropdownLists);
	//print_r($RelateModules);
	//print_r($ListBoxNamesIDs);
	//print_r($RelatedModulesList);
	//print_r($fieldList);
	//print_r($fieldtypes);
	//print_r($GetlistField);
	//print_r($ModulesArray);
	//print_r($panels);
	//print_r($moduleId);
	//print_r($fieldList_array);
	//print_r($DependentRelateGroups);
	//print_r($DependentFieldIds);
	$OptionList =$DependentRelateGroups["OptionList"];
	$dependentRelateList=$DependentRelateGroups["List"];

	$NonEditableArray=array("CreatedDate","UpdatedDate","UpdatedBy","CreatedBy",$primarykeyName,$CstmPrimarykeyName);

echo "</pre>";
//die();
@endphp

<script type="text/javascript">
	
</script>
<br />
<h5 class="text-primary">Demography Fields</h5>
<div class="mb-4 mt-4"style="overflow-x: scroll;">
	<table class="table table-bordered table-hover table-striped mb-4">
		<thead>
			<tr>
				<th nowrap>Column Name</th>
				<th nowrap>Label</th>
				<th nowrap>Action</th>
				<th nowrap>Panel</th>
				<th nowrap>Type</th>
				<th nowrap>Options</th>
				<th nowrap>Default Value</th>
				<th nowrap>Dependent On</th>
				<th nowrap>Order</th>
				<th nowrap>Display</th>
				<th nowrap>Editable</th>
				<th nowrap>Required</th>
				<th nowrap>ReadOnly</th>
				<th nowrap>Audit</th>
				<th nowrap >Mass Update</th>
				<th nowrap>Index</th>
				<th nowrap>Dependent Field</th>
			</tr>
		</thead>
		@php
		$loopcount=0;
		@endphp
		@foreach($fieldList_array as $fields)
		@php
		$ConfigId = $fields->DemographyConfigId;
		@endphp
		<!-- <tbody> -->
			<tr class="rownum" input_field_id={{$loopcount}} id="rowid{{$loopcount}}">

				<input type="hidden" name="ConfigId{{$loopcount}}" id="ConfigId{{$loopcount}}" value="{{$ConfigId}}"/>
				<td title="Click here to mark {{$fields->ColumnName}} as Reference Field" nowrap>
					<label class="new-control new-radio radio-primary">
						<input type="radio" class="new-control-input" name="ReferenceField" id="ReferenceField" 
						onclick="updatevalue('ReferenceField', '{{$ConfigId}}', '1')"; 
						@if($fields->ReferenceField == 1) 
						@php 
						echo "checked='checked'";
						@endphp
						@endif
						>
						<span class="new-control-indicator"></span>{{$fields->ColumnName}}
					</label>
				</td>
				<td title="{{$fields->LabelValue}}"nowrap>
					<input type="hidden" name="LabelValueOld" id="LabelValueOld" value="{{$fields->LabelValue}}" />
					<input type="text" name="LabelValue" id="LabelValue" value="{{$fields->LabelValue}}" onclick="displayoptions(,'LabelValue')" class="form-control"/>
					<div name="saveexitlabelLabelValue" id="saveexitlabelLabelValue" style="display:none;">
						<a onclick="savelabel(,'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-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>
				<td>
					@if(!in_array($fields->ColumnName,$NonEditableArray))
					<button type="button" class="btn btn-primary mb-2 mr-2" data-toggle="modal" data-target="#AssingModal" onclick="ConfigureInline('{{$ConfigId}}')">Action</button>
					@endif
				</td>
				<td nowrap>
					<div class="selectzindex"> 
						<select class="form-control" id="modules" name="paneltype{{$loopcount}}" id="paneltype{{$loopcount}}" onchange="PanelTypeChange({{$loopcount}},this.value)">
							<!-- <option value="">--Select--</option> -->
							@foreach($panels as $panel)

							
							<option value="{{$panel->DisplayPanelId}}"
								@if($panel->DisplayPanelId == $fields->PanelId) 
								@php 
								echo "selected='selected'";
								@endphp
								@endif
								>{{$panel->PanelName}}</option>
								
								@endforeach

							</select>
						</div>
					</td>
					<td nowrap>
						@php
						$DisplayType=$fields->DisplayType;
						//echo $DisplayType;
						@endphp
						<select class="form-control form-control-sm" name="displaytype{{$loopcount}}" id="displaytype{{$loopcount}}" onchange="DisplayTypeChange('{{$loopcount}}',this.value,'{{$fields->ColumnName}}')">

							@foreach($fieldtypes as $fieldtype)

							@php
							$validateDD=0;
							if($validateDD==0)
							{
								
								$DropdownTypesArray=array('2','3','5','6','28');
								if(in_array($DisplayType, $DropdownTypesArray))
								{
									if(!in_array($fieldtype['key'], $DropdownTypesArray))
									{
										continue;
									}
								}


								$relateOrSelfrelateArray=array("8","25");

								if($DisplayType=='25' || $DisplayType=='8')
								{
									if(!in_array($fieldtype['key'],$relateOrSelfrelateArray))
									{
										continue;
									}
								}

								if($DisplayType=='15')
								{
									if($fieldtype['key']!='15')
									{
										continue;
									}
								}

								$dateTypeArray=array("4","14");
								if($DisplayType=='4' || $DisplayType=='14')
								{
									if(!in_array($fieldtype['key'], $dateTypeArray))
									{
										continue;
									}
								}

								$documentOrPhoto=array("9","16");
								if($DisplayType=='9' || $DisplayType=='16')
								{
									if(!in_array($fieldtype['key'], $documentOrPhoto))
									{
										continue;
									}
								}

							}


							@endphp
							<option value="{{$fieldtype['key']}}" title="{{$fieldtype['value']}}"
							@if($fieldtype['key'] == $fields->DisplayType) 
							@php 
							echo "selected='selected'";
							@endphp
							@endif
							>
						{{$fieldtype['value']}}</option>
						@endforeach
					</select>
				</td>

				<td nowrap>
					<div id="fieldid{{$loopcount}}">
						@php
						if($fields->DisplayType==2 or $fields->DisplayType==3 or $fields->DisplayType==5 or $fields->DisplayType==6 or $fields->DisplayType==26 or $fields->DisplayType==28)
						{
							@endphp	
							<select class="form-control form-control-sm" name="DropDownNameId{{$loopcount}}" id="DropDownNameId"  onchange="saveOptions('{{$fields->DisplayType}}','{{$ConfigId}}','DropDownNameId',this.value,'{{$loopcount}}')" >
								<option value="">--Select--</option>
								@foreach($GetlistField as $fieldtype)
								<option value="{{$fieldtype->DropDownNameId}}" title="{{$fieldtype->DropDownNames}}"

									@if($fieldtype->DropDownNameId == $fields->DropDownNameId) 
									@php 
									echo "selected='selected'";
									@endphp
									@endif

									>{{$fieldtype->DropDownNames}}</option>
									@endforeach
								</select>
								@php
							}
							if($fields->DisplayType=="26")
							{
								@endphp	
								<br>
								<select class="form-control form-control-sm" name="Panel{{$loopcount}}" id="Panel{{$loopcount}}" onchange="GetFieldListPanels('{{$ConfigId}}','{{$loopcount}}','{{$displayPanels}}',this.value)">
									<option value="1">Same Field</option>
									<!-- <option value="2">Sort Order</option> -->
									<option value="3">New Panel</option>
								</select>
								<br>
								<div id="PanelId{{$loopcount}}"></div>
								@php
							}
							if($fields->DisplayType==8 || $fields->DisplayType==23)
							{
								@endphp	
								<select class="form-control form-control-sm" name="ParentModuleId" id="ParentModuleId"   onchange="saveOptions('{{$fields->DisplayType}}','{{$ConfigId}}','ParentModuleId',this.value,'{{$loopcount}}')" >
									<option value="">--Select--</option>
									@foreach($ModulesArray as $listBoxKey=>$listBoxValue)
									<option value="{{$listBoxKey}}"

									@if($listBoxKey == $fields->ParentModuleId) 
									@php 
									echo "selected='selected'";
									@endphp
									@endif
									>{{$listBoxValue}}</option>
									@endforeach
								</select>

								@if($fields->DisplayType==23)
								<br>
								<select class="form-control form-control-sm DependentRelateGroup" id="{{$fields->ColumnName}}" onchange="UpdateDependentRelateGroupId('{{$loopcount}}',this.value)">
									<option value="">--Select Group--</option>
									@foreach($OptionList as $list)
									@php
									$Groupselected='';
									@endphp
									@foreach($dependentRelateList as $DRTL)
									@php

									if($DRTL['ColumnName']==$fields->ColumnName )
									{
										if($DRTL['DependentRelateToGroupId']==$list['Value'])
										{
											$Groupselected="selected";
										}
									}
									@endphp
									@endforeach
									<option value="{{$list['Value']}}" {{$Groupselected}}> {{$list['Name']}} </option>
									@endforeach
								</select>
								@endif


								@php
							}
							@endphp
						</div>
					</td>

					<td>
						<div id="DefaultValueDiv{{$loopcount}}">
							@if($fields->DisplayType==1)
							<input type="text" name="DefaultValue" id="DefaultValue" value="{{$fields->DefaultValue}}" placeholder="Default Value"onblur="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')" class="form-control"/>
							@elseif($fields->DisplayType=='15')
							<select name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control"onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
								<option value="">--Select--</option>
								@foreach($AssignedToList as $assigned=>$val)
								@if($fields->DefaultValue==$assigned)
								@php
								$selected="selected";
								@endphp
								@else

								@php
								$selected="";
								@endphp

								@endif
								<option  data-toggle="tooltip" data-placement="top" title="{{$val['email']}}"value="{{$assigned}}" {{$selected}}>{{$val['name']}}</option>	
								@endforeach
							</select>
							@elseif($fields->DisplayType=='2' || $fields->DisplayType=='5' || $fields->DisplayType=='6')
							@php
							if(empty($ListBoxNamesIDs))
							{
								/*
								echo "<select name='DefaultValue$ColumnName' id='DefaultValue$ColumnName' class='form-control'><option value=''>---Select---</option></select>"; // changed by sharath on 27 july because of error undefined $ColumnName
								*/
								echo "<select name='DefaultValue{{$loopcount}}' id='DefaultValue{{$loopcount}}' class='form-control'><option value=''>---Select---</option></select>";

							}
							else
							{	
								//print_r($fields);
								$flag=1;
								if($flag==1)
								{


									$ListBoxNamesIDVal=$fields->DropDownNameId;

									@endphp
									<select name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control"onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
										<option value="">---Select---</option>
										@php
										if(array_key_exists($ListBoxNamesIDVal,$GetDropdownLists))
										{
											$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
											@endphp	

											@foreach($listBoxVal as $listBoxKey=>$listBoxValue)
											@if($fields->DefaultValue==$listBoxKey)
											@php
											$selected="selected";
											@endphp
											@else
											@php
											$selected="";
											@endphp
											@endif
											@php
											echo "<option value='$listBoxKey' $selected>$listBoxValue</option>";
											@endphp
											@endforeach
											@php
										}
										@endphp
									</select>
									@php
								}
							}
							@endphp
							@elseif($fields->DisplayType=='4')
							<input type="date" name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control" value="{{$fields->DefaultValue}}" onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
							@elseif($fields->DisplayType=='14')
							<input type="date" name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control" value="{{$fields->DefaultValue}}" onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
							@elseif($fields->DisplayType=='7')
							<textarea  name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control"onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')"></textarea>
							@elseif($fields->DisplayType=='11')
							<input type="text" name="DefaultValue" id="DefaultValue" value="{{$fields->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$fields->DisplayType}}','DefaultValue');DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')" class="form-control"/>
							@elseif($fields->DisplayType=='12')
							<input type="email" name="DefaultValue" id="DefaultValue" value="{{$fields->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$fields->DisplayType}}','DefaultValue');DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')" class="form-control"/>

							@elseif($fields->DisplayType=='13' || $fields->DisplayType=='17')
							<input type="text" name="DefaultValue" id="DefaultValue" value="{{$fields->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$fields->DisplayType}}','DefaultValue');DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')" class="form-control"/>

							@elseif($fields->DisplayType=='18')
							<input type="text" name="DefaultValue" id="DefaultValue" value="{{$fields->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$fields->DisplayType}}','DefaultValue');DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')" class="form-control"/>
							@elseif($fields->DisplayType=='19')
							<input type="text" name="DefaultValue" id="DefaultValue" value="{{$fields->DefaultValue}}" placeholder="Default Value"onblur="ValidateFunction('{{$fields->DisplayType}}','DefaultValue');DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')" class="form-control"/>

							@elseif($fields->DisplayType=='25')
							@if(empty($selfRelatedList))
							<select name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control"onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
								<option value=''>---Select---</option>
							</select>
							@else
							<select name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control"onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
								<option value="">---Select---</option>

								@foreach($selfRelatedList as $selfRelated)
								<option value="{{$selfRelated['key']}}"> {{$selfRelated['value']}} </option>
								@endforeach

							</select>
							@endif

							@elseif($fields->DisplayType=='8')
							@php
							$ParentModuleId=$fields->ParentModuleId;
							@endphp
							@if(empty($RelateModules))
							<select name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control"onchange="DefaultValues('{{$loopcount}}','DefaultValue','{{$fields->DemographyConfigId}}','{{$fields->DisplayType}}')">
								<option value=''>---Select---</option>
							</select>
							@else
							<select name="DefaultValue{{$loopcount}}" id="DefaultValue{{$loopcount}}" class="form-control">
								<option value="">---Select---</option>
								@if($ParentModuleId!="" && array_key_exists($ParentModuleId,$RelatedModulesList))
								@foreach($RelatedModulesList[$ParentModuleId] as $listBoxKey=>$listBoxValue)
								@if($fields->DefaultValue==$listBoxKey)
								@php
								$selected="selected";
								@endphp
								@else
								@php
								$selected="";
								@endphp
								@endif
								@php
								echo "<option value='$listBoxKey' $selected>$listBoxValue</option>";
								@endphp
								@endforeach
								@endif
							</select>
							@endif
							@endif
						</div>
					</td>

					<td>
						<div id="DependentOn{{$loopcount}}">
							@if($fields->DependentField=="1")
							<select class="form-control" name="DependentOnId{{$loopcount}}" id="DependentOnId{{$loopcount}}" onchange="UpdateDependentFieldId('{{$loopcount}}')" multiple>
								<option value="">--Select--</option>
								@foreach($DependentFieldIds as $DependentFieldId)
								@php
								$DependentSelected="";
								$DependentFieldList=explode(",",$fields->DependentFieldId);
								if(in_array($DependentFieldId['DropDownListId'],$DependentFieldList))
								{
									$DependentSelected="selected";
								}
								@endphp

								<option value="{{$DependentFieldId['DropDownListId']}}" {{$DependentSelected}}>{{$DependentFieldId['DropDownListName']}}</option>
								@endforeach
							</select>
							@endif
						</div>
					</td>

					<td title="{{$fields->SortOrder}}"nowrap>
						<input type="hidden" name="SortOrderOld" id="SortOrderOld" value="{{$fields->SortOrder}}" />
						<input type="number" name="SortOrder" id="SortOrder" value="{{$fields->SortOrder}}" onchange="savelabel(,'SortOrder')" class="form-control" min="1" maxlength="3" />
						<div name="saveexitlabelSortOrder" id="saveexitlabelSortOrder" style="display:none;">
							<a onclick="savelabel(,'SortOrder')" >
								<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(,'SortOrder')" >
								<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>
					<td title="Enable/Disable {{$fields->ColumnName}}"nowrap>
						<label class="new-control new-checkbox checkbox-outline-success  m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="DisplayOnOff{{$loopcount}}" onchange="DisplayOnOffChange({{$loopcount}})"
							@if($fields->Display == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>
					<td title="Can {{$fields->ColumnName}} be an editable field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-primary  m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="EditableField{{$loopcount}}" onchange="FieldChange({{$loopcount}},'Editable')"
							@if($fields->Editable == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>
					<td title="Will {{$fields->ColumnName}} be a required or mandatory field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-danger  m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="RequiredField{{$loopcount}}" onchange="RequiredFieldChange({{$loopcount}})"
							@if($fields->Required == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>
					<td title="Will {{$fields->ColumnName}} be a readonly field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-info  m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="ReadonlyField{{$loopcount}}" onchange="FieldChange({{$loopcount}},'Readonly')"
							@if($fields->Readonly == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>
					<!-- audit -->
					<td title="Will {{$fields->ColumnName}} be a Audit field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-warning  m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="AuditField{{$loopcount}}" onchange="AuditFieldChange({{$loopcount}})"
							@if($fields->Audit == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>
					<!-- massupdate -->
					<td title="Will {{$fields->ColumnName}} be a Mass Update field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-dark m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="MassUpdateField{{$loopcount}}" onchange="MassUpdateFieldChange('{{$loopcount}}')"
							@if($fields->MassUpdate == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>
					<td title="Will {{$fields->ColumnName}} be a Index field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-secondary m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="IndexField{{$loopcount}}" onchange="IndexChange('{{$loopcount}}','{{$fields->ColumnName}}')"
							@if($fields->MassUpdate == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>

					<td title="Will {{$fields->ColumnName}} be a Dependent field?"nowrap>
						<label class="new-control new-checkbox checkbox-outline-secondary m-auto">
							<input type="checkbox" class="new-control-input child-chk select-customers-info" id="DependentField{{$loopcount}}" onchange="DependentFieldChange('{{$loopcount}}','{{$fields->ColumnName}}')"
							@if($fields->DependentField == 1) 
							@php 
							echo "checked='checked'";
							@endphp
							@endif
							>
							<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
						</label>
					</td>

				</tr>
				@php
				$loopcount++;
				@endphp
				@endforeach
				<!-- </tbody> -->
			</table>
		</div>
		<div class="modal fade show" id="IndexModal" tabindex="-1" role="dialog" aria-labelledby="IndexModalLabel"  aria-modal="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="IndexModalLabel">Index</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">
						<input type="hidden" id="indexid" name="indexid" value="">
						<small>Please Note : Indexing may take time especially when the number of records are high, Please perform this activity during Non Peak hours.</small>
						<br>
						<input type="text" id="indexName" name="indexName" class="form-control" readonly>
					</div>
					<div class="modal-footer">
						<button class="btn" onclick="discardIndex()" data-dismiss="modal"><i class="flaticon-cancel-12" ></i> Discard</button>
						<button type="button" class="btn btn-primary" onclick="indexSave()">Save</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Modal from here -->
		<div id="AssingModal" class="modal animated fadeInDown" role="dialog">
			<div class="modal-dialog">
				<!-- Modal content-->
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title"><div id="ModalHeading" name="ModalHeading"></div></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">
						<p class="modal-text">
							<div class="loader dual-loader mx-auto" name="LoadingDiv" id="LoadingDiv" style="display:none"></div>
							<div id="ListRolesTeams" name="ListRolesTeams"></div>
						</p>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Modal Till here -->
		<style>
			th {
				min-width: 150px !important;
			}
		</style>
		<script>
			$('tbody').sortable({
				axis:'y',
				stop:function(event,ui)
				{
					oldArray=[];

					for(i=0;i<'{{$loopcount}}';i++)
					{
						fieldid="SortOrder"+i;
						oldArray.push($('#'+fieldid).val());
					}

					// console.log(oldArray);
					my_special_function('{{$loopcount}}',oldArray);
				}
			});
			function ConfigureInline(ConfigId)
			{
				var Modalheading="InLine Configuration";
				var ajaxurl = 'InLineViewConfiguration';
				var type = "POST";
				var formData = {
					ConfigId: ConfigId,
				};
				$.ajax({
					type: type,
					url: ajaxurl,
					data: formData,
					beforeSend:function(){
						$('#ModalHeading').html(Modalheading);
						$('#ListRolesTeams').html("");
						document.getElementById("LoadingDiv").style.display = "block";
					},
					success: function (result) {
						document.getElementById("LoadingDiv").style.display = "none";
						$('#ListRolesTeams').html(result);
					},
					complete: function () {
						
					},
					error: function (data) {
						//console.log(data);
						alert(data);
					}
				});
			}
			my_special_function=(loopcount,oldArray)=>
			{
				// alert(loopcount);
			// return false;
			for(i=0;i<=loopcount;i++)
			{
				fieldid="SortOrder"+i;
				rowid="rowid"+i;
				sortorderval=$('#'+rowid).index()+1;
				$('#'+fieldid).val(sortorderval);
				// $('#'+fieldid).trigger("onchange");
			}

			newArray=[];
			for(i=0;i<'{{$loopcount}}';i++)
			{
				fieldid="SortOrder"+i;
				sortOrder=$('#'+fieldid).val();

				newArray.push($('#'+fieldid).val());

				if(oldArray[i]!=sortOrder)
				{
					$('#'+fieldid).trigger("onchange");
				}
			}

			// console.log(newArray);
		}
	</script>