@props(['demographyconfigId','moduleid','mandatory','results'])
@php

use App\Models\Demography;

$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;
$DropDownNameId=$Field->DropDownNameId;
$DependentField=$Field->DependentField;
$IsDependentModule=$Field->IsDependentModule;
$ParentModuleId=$Field->ParentModuleId;
$DependentRelateToGroupId=$Field->DependentRelateToGroupId;

$DependentFieldId=explode(",",$Field->DependentFieldId);
$DependentFieldColumnName="";
$DependentFieldColumnNameValue="";

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

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

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



$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="";
    $RequiredField="";
}


$demography=new Demography();
$getReferenceName=$demography->GetReferenceField($ParentModuleId);
$referenceName=$getReferenceName->ColumnName;

$mainTableName=$demography->getMainTableName($ParentModuleId);
$CstmTableName=$demography->GetCustomTableName($ParentModuleId);
$primaryKeyName=$demography->getPrimaryKeyName($ParentModuleId);
$cstmprimaryKeyName=$demography->getCstmPrimaryKeyName($ParentModuleId);

$listValues=[];
$ParentIdValue="";

if($LabelValue && $IsDependentModule==1)
{      
    $ParentIdValue=Demography::GetParentModuleRowId($ParentModuleId,$LabelValue);

    $listValues = $demography->getSecondaryModuleList($ParentModuleId,$ParentIdValue);
}


@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="getChildRelateTo('{{$ParentModuleId}}',this.value,'{{$DependentRelateToGroupId}}')">
		<option value="">--Select--</option>
        @if($IsDependentModule==0 && $ParentModuleId)

        @php
        $results=DB::table($mainTableName)->join($CstmTableName,$mainTableName.".".$primaryKeyName,'=',$CstmTableName.".".$cstmprimaryKeyName)->get([$referenceName,$primaryKeyName]);
        @endphp

        @foreach($results as $result)
        @php
        $selected="";
        if($result->$primaryKeyName==$LabelValue)
        {
            $selected="selected";
        }
        @endphp
        <option value="{{$result->$primaryKeyName}}" {{$selected}}>{{$result->$referenceName}}</option>
        @endforeach

        @elseif($IsDependentModule==1 && $ParentModuleId  && $LabelValue)

        @foreach($listValues as $key=>$val)

        @php
        $selected="";
        if($key==$LabelValue)
        {
            $selected="selected";
        }
        @endphp

        <option value="{{$key}}" {{$selected}}>{{$val}}</option>
        @endforeach

        @endif  
    </select>

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

</div>


<script>
	function getChildRelateTo(ParentModuleId,listId,GroupId)
    {
        if(listId=='')
        {
            return false;
        }
        ModuleId=$('#CreateViewModuleId').val();
        $.ajax({
            type:"post",
            url:"{{url('GetChildRelateTo')}}",
            data:{ParentModuleId:ParentModuleId,ModuleId:ModuleId,DependentValueId:listId,GroupId:GroupId},
            success:function(response)
            {
            // alert(response);
            res=JSON.parse(response);
            columnList=res.colList;
            // console.log(columnList);
            for(i=0;i<columnList.length;i++)
            {
                $('#'+columnList[i]+ModuleId).empty();
                $('#'+columnList[i]+ModuleId).append(res.optList);
            }
            // console.log(res.colList);
        }

    });

    }
</script>