@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;
$mandatory=$Field->Required;

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

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

$DropdownsList=[];

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

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

}
else
{
    $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 id="label{{$ColumnName}}">@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)"> -->
     <select class="form-control customDropdown" id="{{$ColumnName}}{{$moduleid}}" name="{{$ColumnName}}" {{$ReruiredField}} onchange=" getDependentDropdownValues2(this.value,'{{$DropDownNameId}}','{{$moduleid}}','{{$ColumnName}}')">
      <option value="">--Select--</option>


      @if(!$ParentDropDownNameId)

      @foreach($DropdownsList as $DropdownList)

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

   @endif




   @if( ($ParentDropDownNameId && $ParentColumnValue))
   @foreach($DropdownsList as $DropdownList)

   @php
   $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;
  }

  if(!"{{$apiUrl}}")
  {
    getDependentDropdownValues2(fieldValue,'{{$DropDownNameId}}','{{$moduleid}}');
    return;
}



url="{{url('')}}/{{$apiUrl}}verifyChildExists";
var ModuleId = "{{$moduleid}}";
$.ajax({
  type:"post",
  url,
  data:{fieldname:fieldname,fieldValue:fieldValue,ModuleId:ModuleId,RowId:RowId},
  headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  dataType: "json",
  success:function(response)
  {

    console.log(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);
    }


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

}

disableRequiredFields=(ModuleId)=>{

    $.ajax({
        type:"post",
        url:"{{url('Get-disableRequiredFields')}}",
        data:{ModuleId},
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        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},
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        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);

        }
    });

}

getDependentDropdownValues2=(DropdownValue,DropdownId,ModulelId,fieldname)=>
{


    // alert(DropdownId);
    // return;
    $.ajax({
        type:"post",
        url:"{{url('GetDependentDropdownValues')}}",
        data:{DropdownValue,DropdownId,ModulelId},
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        beforeSend:()=>{},
        success:response=>
        {
            console.clear();
            console.log(response);

            res=JSON.parse(response);
            console.log(res);

            res.map((result)=>{
                columnName=result.ColumnName;
                DropdownValues=JSON.parse(result.DropDownValues);
                console.log(`ColumnName ${columnName} Fropdownvalue`,DropdownValues);
                optionsList=`<option value="">--Select--</option>`;

                DropdownValues.map((DropdownValue)=>{
                    optionsList+=`<option value=${DropdownValue.DropDownListId}> ${DropdownValue.DropDownListName} </option>`
                });

                $(`#${columnName}${ModulelId}`).empty(); 
                $(`#${columnName}${ModulelId}`).append(optionsList);
                $(`#${columnName}${ModulelId}`).change();


            }); 



            //cudstom code from here

            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(DropdownValue) && (!statsusVals.includes(statusVal)) )
            {
                //disableRequiredFields(ModuleId);
            }
            else
            {
                //enableRequiredFields(ModuleId);
            }


        }
    });
}

</script>