@props(['demographyconfigId','moduleid','mandatory','results'])
@php
$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;
$DropDownNameId=$Field->DropDownNameId;
$DependentField=$Field->DependentField;

use App\Models\Demography; 
$DependentFieldId=explode(",",$Field->DependentFieldId);
$DependentFieldColumnName="";
$DependentFieldColumnNameValue="";

try
{
    if($DependentFieldId[0])
    {
        $DependentFieldColumnName=Demography::GetDependentFieldColumnName($moduleid,$DependentFieldId[0]);
        $DependentFieldColumnNameValue=$results->$DependentFieldColumnName;
    }
}
catch(\Exception $e){}


$parentDropDownListValues=[];
$LabelValue=$results->$ColumnName;

$DropDownNameData=DB::table('DropDownNames')->where('DropDownNameId',$DropDownNameId)->get()->First();
$ParentDropDownNameId=$DropDownNameData->ReferenceID;
$ParentColumnValue="";

if($ParentDropDownNameId)
{
    $ParentColumn=DB::table('DemographyConfig')->where('ModuleId',$moduleid)->where('DropDownNameId',$ParentDropDownNameId)->get(['ColumnName'])->first();
    $ParentColumnName=$ParentColumn->ColumnName;
}


$DropdownsList=DB::table('DropDownLists')->where('DropDownNameId',$DropDownNameId)->where('DropDownListStatus',1)->get(['DropDownListId','DropDownListName','ReferenceID']);

if($mandatory==1)
{
	$ReruiredField="required";
	$DisplayredStar="*";
}
else
{
	$ReruiredField="";
	$DisplayredStar="";
}


//print_r($parentDropDownListValues);

$checkApi=explode("/",$_SERVER['REQUEST_URI']);
$apiUrl="";
if(strtolower($checkApi[1])=="api")
{
    $apiUrl="api/";
}

if($DependentField==1)
{
    if(in_array($DependentFieldColumnNameValue,$DependentFieldId))
    {
        $displayHide="";
    }
    else
    {
        $displayHide="displayHide";
        $RequiredField="";
    }
}
else
{
    $displayHide="";
}

@endphp

<div class="col-md-4 form-group {{$displayHide}}" id="{{$ColumnName}}Wrapper{{$moduleid}}">
	<label>@php echo $DisplayName;@endphp<font color='red'>{{$DisplayredStar}}</font></label>
	<select class="form-control customDropdown" id="{{$ColumnName}}{{$moduleid}}" name="{{$ColumnName}}" {{$ReruiredField}} onchange="checkparent('{{$ColumnName}}',this.value)">
		<option value="">--Select--</option>


        @if( ($ParentDropDownNameId && $LabelValue) || (!$ParentDropDownNameId) )


        @foreach($DropdownsList as $DropdownList)
        @php

        $displayValue=0;
        if($ParentColumnValue)
        {

            $thisValueParentValues=explode(",",$DropdownList->ReferenceID);

            foreach($thisValueParentValues as $thisValueParentValue)
            {
                if($ParentColumnValue==$thisValueParentValue)
                {
                 $displayValue=1;
                 break;
             }
         }

         if($displayValue==0)
         {
            continue;
        }

    }

    $selected="";
    if($DropdownList->DropDownListId==$LabelValue)
    {
     $selected="selected";
 }
 @endphp
 <option value="{{$DropdownList->DropDownListId}}" {{$selected}}>{{$DropdownList->DropDownListName}}</option>
 @endforeach


 @endif

</select>

<div class="invalid-feedback">
    Please fill the {{$DisplayName}}
</div>

</div>


<script>
	checkparent=(fieldname,fieldValue,RowId)=>
	{
     // alert(fieldname);
     // $('#LeadChild').empty();
     if(fieldValue=="")
     {
     	return false;
     }
     url="{{url('')}}/{{$apiUrl}}verifyChildExists";
     var ModuleId = "{{$moduleid}}";
     $.ajax({
     	type:"post",
     	url,
     	data:{fieldname:fieldname,fieldValue:fieldValue,ModuleId:ModuleId,RowId:RowId},
     	dataType: "json",
     	success:function(response)
     	{

            console.log(response);

            if(response.field!="")
            {
                $('#'+response.field+"{{$moduleid}}").empty();
                $('#'+response.field+"{{$moduleid}}").append(response.dropdown);
                // alert(response.dropdown);
            }
            else
            {
                // alert("no child");
            }
            
        },
        error:function(error)
        {
        	console.log("error:"+JSON.stringify(error));
        }
    });

 }
</script>