@props(['field'])

@php
$results=[];
$Field=$field;
$DisplayName=$Field->LabelValue;
$Required=$Field->Required;
$ColumnName=$Field->ColumnName;
$ModuleId=$Field->ModuleId;
$DropDownNameId=$Field->DropDownNameId;
$DependentField=$Field->DependentField;
$DependentField=$Field->DependentField;
$Helptext=$Field->Helptext;
$DefaultValue=$Field->DefaultValue;

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

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

$ParentColumnValue="";

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

    try
    {
        $ParentColumnName=$ParentColumn->ColumnName;
    }
    catch(\Exception $e){}
}


$DropdownsList=DB::table('DropDownLists')->where('DropDownNameId',$DropDownNameId)->where('DropDownListStatus',1)->orderBy('SortOrder','ASC')->get(['DropDownListId','DropDownListName','ReferenceID']);
if($Required==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)
{
    $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==$DefaultValue)
    {
     $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>