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

$roles_array = DB::table('UserRoles')->where('ActiveStatus', '=', '1')->get(['RoleId', 'RoleName']);
$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;
$DropDownNameId=$Field->DropDownNameId;
$DependentField=$Field->DependentField;
$loggedInUser=$results->$ColumnName;
$RolesArray = array();
foreach ($roles_array as $role) {
	$RolesArray[$role->RoleId] = $role->RoleName;
}
$UsersList=DB::table('users')->where('ActiveStatus',1)->get(['RefId','name']);

$LabelValue="";


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




if($DependentField==1)
{
    $RequiredField="";
    $displayHide="displayHide";
}
else
{
    $displayHide="";
}

@endphp
<div class="col-md-4 form-group {{$displayHide}}" id="{{$ColumnName}}Wrapper{{$moduleid}}">
	<select class="form-control" id="SelectRole" onchange="getRoleBasedUser(this.value,'{{$ColumnName}}','{{$ColumnName}}{{$moduleid}}')">
		<option>--select role--</option>
		@foreach($RolesArray as $EachRoleId=>$EachRole)
			<option value="{{$EachRoleId}}">{{$EachRole}}</option>
		@endforeach
	</select>
	<select class="form-control customDropdown" id="{{$ColumnName}}{{$moduleid}}" name="{{$ColumnName}}" {{$ReruiredField}} onchange="checkparent('{{$ColumnName}}',this.value)">
		<option value="">--Select--</option>
        @foreach($UsersList as $user)
        @php
            if($user->RefId==$loggedInUser)
            {
                $selected="selected";
            }
            else
            {
                $selected="";
            }
        @endphp
		@if($selected=='selected')
        <option value="{{$user->RefId}}" {{$selected}}>{{$user->name}}</option>
		@endif
        @endforeach

    </select>

    <div class="invalid-feedback">
        Please fill the {{$DisplayName}}
    </div>
</div>
<script>
function getRoleBasedUser(Role,ColumnName,ColumnId)
{
	var formData = {
			Role: Role
		};

		$.ajax({
			url: "{{ url('GetRoleBasedUsers') }}",
			type: 'POST',
			data: formData,
			beforeSend:function(){
 				// console.log("cleared");
 			},
 			success: function(response) {
				console.clear();
				console.log(response);
 				$("#"+ColumnId).empty();
 				$("#"+ColumnId).append(response);
 			}
 		});
}
</script>