@props(['demographyconfigId','moduleid','mandatory'])
@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;
$Helptext=$Field->Helptext;


$parentDropDownListValues=[];
$LabelValue="";


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)
{
    $displayHide="displayHide";
}
else
{
    $displayHide="";
    $RequiredField="";
}

@endphp

<div class="col-md-4 form-group {{$displayHide}}" id="{{$ColumnName}}Wrapper{{$moduleid}}">
	<label>@php echo $DisplayName;@endphp <font color='red'>{{$DisplayredStar}}</font>
	@if($Helptext)
	<a href="javascript:void(0);" class=" rounded bs-tooltip" title="{{$Helptext}}" data-original-title="{{$Helptext}}">
		<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.01" y2="16"></line></svg>
	</a>
	@endif
	</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
        $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);

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

        @foreach($results as $result)
            <option value="{{$result->$primaryKeyName}}">{{$result->$referenceName}}</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>