@props(['demographyconfigId','result','rowid','moduleid','mandatory'])

@php
$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;
$LabelValue=$result->$ColumnName;
$DropDownNameId=$Field->DropDownNameId;

$parentDropDownListValues=[];


$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;
    $ParentColumnValue=$result->$ParentColumnName;
}


$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);

@endphp

<div class="col-md-4 form-group">
	<label id="label{{$ColumnName}}">{{$DisplayName}} <font color='red'>{{$DisplayredStar}}</font></label>
	<select class="form-control customDropdown" id="{{$ColumnName}}" name="{{$ColumnName}}" {{$ReruiredField}} onchange="checkparent('{{$ColumnName}}',this.value,'{{$rowid}}')">
		<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 {{$ColumnName}}
</div>

</div>


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

            statusVal=$('#TicketForm #Status :selected').val();


            console.clear('selected statusval',statusVal);

            statsusVals=["","287","274"];

            dropVals=['291','292','293','294','295','297',"298","299","300","301","302","303","304","305","306","307"];
            if(fieldname=="TicketSubStatus" && dropVals.includes(fieldValue) && (!statsusVals.includes(statusVal)) )
            {
                disableRequiredFields(ModuleId);
            }
            else
            {
                enableRequiredFields(ModuleId);
            }

            // console.log(response);

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

 }

 disableRequiredFields=(ModuleId)=>{

    $.ajax({
        type:"post",
        url:"{{url('Get-disableRequiredFields')}}",
        data:{ModuleId},
        beforeSend:()=>{
            $('.blockBtn').prop("disabled",true);
        },
        success:response=>{
            // console.log(response);

            res=JSON.parse(response);

            res.map((columnName)=>{

                try
                {
                    $(`#label${columnName} font`).html("");
                }catch(e){}

                try
                {
                    collection=document.getElementsByName(columnName);

                    for (let i = 0; i < collection.length; i++) {
                        collection[i].required = false;

                    }
                    document.getElementById(columnName+"Display").required = false;
                }
                catch(e){}
            }); 
            $('.blockBtn').prop("disabled",false);

        }
    });

}

enableRequiredFields=(ModuleId)=>{

    $.ajax({
        type:"post",
        url:"{{url('Get-disableRequiredFields')}}",
        data:{ModuleId},
        beforeSend:()=>{
            $('.blockBtn').prop("disabled",true);

        },
        success:response=>{
            console.log(response);

            res=JSON.parse(response);

            res.map((columnName)=>{

                try
                {
                    $(`#label${columnName} font`).html("*");
                }catch(e){}

                try
                {
                    collection=document.getElementsByName(columnName);

                    for (let i = 0; i < collection.length; i++) {
                        collection[i].required = true;
                    }

                    document.getElementById(columnName+"Display").required = true;
                }
                catch(e){}
            });
            $('.blockBtn').prop("disabled",false);
             
        }
    });

}
</script>