@php 

use App\Models\Demography;


$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;
$PModuleId=$Field->ModuleId;
$LabelValue=$columnname;

$dispRelatedValue="";

$ParentModuleId=$Field->ParentModuleId;
$ParentRowId='';

$ParentField=DB::table('DemographyConfig')->where('ModuleId',$ParentModuleId)->where('ReferenceField',1)->get(['ColumnName'])->first();


try
{
	$ParentField=$ParentField->ColumnName;
}
catch(\Exception $e)
{
	$ParentField=DB::table('DemographyConfig')->where('ModuleId',$ParentModuleId)->where('ColumnName','%like%','Name')->get(['ColumnName'])->first();

	try
	{
		$ParentField=$ParentField->ColumnName;
	}
	catch(\Exception $e)
	{
		$ParentField="CreatedDate";	
	}
}

$RelatedNames=[];
@endphp
<div class="col-md-4 form-group form-groupC" id="{{$columnname}}Wrapper">
	<label>@php echo $labelvalue; @endphp</label>
	<a href="javascript:void(0);" class=" rounded bs-tooltip" title="{{$modulename}}" data-original-title="{{$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-alert-circle" style="color: blue;"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
	</a>
	<ul class="relatedclass">
		<li style="width:55%">
		<input type="hidden"  id='ParentModuleId'>
		<input type="hidden"  id='MainModuleId' value="{{$PModuleId}}" >
		<input type="hidden"  id='OtherModuleDemoField' value="{{$demographyconfigId}}" >
			<input type="text" class="form-control"  id="{{$columnname}}Display" onkeyup="getRelatedList('{{$ParentModuleId}}','{{$columnname}}')" autocomplete="off"  value="" >
			<input type="hidden"   class="form-control"  name="{{$demographyconfigId}}" id="TxtCondition{{$demographyconfigId}}"  value ="" >
			<div class="autocomplete-suggestions" style="position: absolute; display: none; max-height: 300px; z-index: 9999;width:51%" id="{{$columnname}}List">
			</div>
		</li>
		<li style="width:40%;text-align:right" >

			<button type="button"class="btn btn-info mb-2" onclick="popupSearch('{{$ParentModuleId}}','{{$columnname}}')" 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('{{$columnname}}')"  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>
		</li>
	</ul>
</div>

<script>
function popupSearch(ParentModuleId,ColumnName)
{
	$('#SearchModal').modal("show");
	$('#ParentModuleId').val(ParentModuleId);
	$('#ColumnName').val(ColumnName);
	ModuleId=ParentModuleId;
	SearchAllRelatedField(ModuleId,1);
}
function SearchAllRelatedField(ModuleId,page_num)
{
	var ModuleId = $('#ParentModuleId').val();
	var limit = $('#limit').val();
	var field_name = $('#field_name').val();
	var sort_order = $('#sort_order').val();
	//var page_num = $('#page_num').val();
	var mode='RelatedSearchinSearch';


	// console.log(ModuleId);
	// return;

	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 = "{{ url('GetListViewPagination') }}";
	$.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('');
			console.log(result);
            $('#ShowResultsNew').html(result);
        },
        error: function (data) {
			console.log(data);
        	$('#ShowResultsNew').html("");
        }
    });
}

SelectMe2=(RowId,ModuleId)=>
{
	MainModuleId=$('#MainModuleId').val();
	$.ajax({
		type:"POST",
		url:"{{url('GetRelatedName')}}",
		data:{RowId,ModuleId,MainModuleId},
		beforeSend:function(){},
		success:function(response)
		{
			result1=JSON.parse(response);

			result=result1.result;
			CountofMap=result1.CountofMap;
			GetFetechedMappedFields=result1.GetFetechedMappedFields;
			for(i=1;i<=CountofMap;i++)
			{
				RedirecctField=GetFetechedMappedFields[i].FromFieldId;
				RedirecctValue=GetFetechedMappedFields[i].DisplayFieldName;
				$('#'+RedirecctField+MainModuleId).val(RedirecctValue);
			}
			ColumnName=$('#ColumnName').val();
			OtherModuleDemoField=$('#OtherModuleDemoField').val();
			rowId=result.RowId;
			displayVal=result.DisplayName;
			var storeit='#TxtCondition'+OtherModuleDemoField;
			$(storeit).val(rowId);
			$('#'+ColumnName+"Display").val(displayVal);
			Snackbar.show({
				text: "Selected", 
				pos: 'top-right',
			});
			
			$('#SearchModal .close').click();

		}
	});
}
</script>