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

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

$RolesArray = array();
foreach ($roles_array as $role) {
	$RolesArray[$role->RoleId] = $role->RoleName;
}
@endphp

<div class="col-md-4 form-group form-groupC" id="{{$columnname}}Wrapper">
	<label>Select Team</label>
	<a href="javascript:void(0);" class=" rounded bs-tooltip" title="{{$modulename}}" data-original-title="{{$modulename}}">
		<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" style="color: blue;"><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>
	<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}}{{$demographyconfigId}}')">
		<option>--select role--</option>
		@foreach($RolesArray as $EachRoleId=>$EachRole)
			<option value="{{$EachRoleId}}">{{$EachRole}}</option>
		@endforeach
	</select>
	<label>@php echo $labelvalue; @endphp</label>
	<input type="checkbox" id="SelectAll{{$demographyconfigId}}" onclick="selectAll('123456789','{{$columnname}}','{{$demographyconfigId}}')">select all 
	<select name="{{$demographyconfigId}}" id="{{$columnname}}{{$demographyconfigId}}" class="form-control customDropdown" multiple="true">
		<!--<option value="">--Select--</option>-->
		@foreach($assignedtolist as $assigned=>$val)
			@if(in_array($assigned,$temparray))
				<option class="bs-tooltip" title="{{$val['email']}}"value="{{$assigned}}" selected>{{$val['name']}}</option>
			@else
				<option class="bs-tooltip" title="{{$val['email']}}"value="{{$assigned}}" >{{$val['name']}}</option>
			@endif
		@endforeach
	</select>
</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>