@props(['demographyconfigId','moduleid','mandatory'])
@php
$TeamsDataArray = DB::table('TmTeams')->where('ActiveStatus', '=', '1')->get(['TmTeamID', 'TeamName']);
$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;
$Helptext=$Field->Helptext;

$TeamsArray = array();
foreach ($TeamsDataArray as $Team) {
	$TeamsArray[$Team->TmTeamID] = $Team->TeamName;
}

$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 " 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" id="SelectTeam">
		<option>--select Team--</option>
		@foreach($TeamsArray as $TeamId=>$TeamName)
			<option value="{{$TeamId}}">{{$TeamName}}</option>
		@endforeach
	</select>
	<select class="form-control" id="SelectRole" onchange="getTeamRoleBasedUser(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>

        @php
        try
        {
            $loggedInUser=Auth::user()->RefId;
        }
        catch(\Exception $e)
        {
            $loggedInUser="";
        }
        @endphp

        @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 getTeamRoleBasedUser(RoleId,ColumnName,ColumnId)
{
	var TeamId=document.getElementById('SelectTeam').value;
	if(TeamId=='')
	{
		alert('Please Select Team');
		return false;
	}
	var formData = {
			TeamId: TeamId,
			RoleId: RoleId,
		};
		$.ajax({
			url: "{{ url('GetTeamRoleBasedUsers') }}",
			type: 'POST',
			data: formData,
			beforeSend:function(){
 				// console.log("cleared");
 			},
 			success: function(response) {
				console.clear();
				console.log(response);
 				$("#"+ColumnId).empty();
 				$("#"+ColumnId).append(response);
 			}
 		});
}
</script>