@extends('layouts.header')
@section('content')

@php
echo "<pre>";
	//print_r($DropdownsList);
	//print_r($Teams);
echo "</pre>";
@endphp
<br>
<div class="col-xl-12 col-md-12 col-sm-12 col-12">
	<div class="statbox widget box box-shadow">
		<div class="form-group row">

			<p>Get Assigned Userid list based on Line of business (Teams)</p>

			<div class="col-md-4">
				<label>Teams</label>
				<select class="form-control customDropdown" name="TeamId" id="TeamId">
					<option value="">--Select Team--</option>
					@foreach($Teams as $Team)
					<option value="{{$Team->TmTeamID}}">{{$Team->TeamName}}</option>
					@endforeach
				</select>
			</div>

			<div class="col-md-4">
				<label>Line Of Businees</label>
				<select class="form-control customDropdown" name="DropDownListId" id="DropDownListId" onchange="UpdateTeamDropDown(this.value)">
					<option value="">--Select Line Of Businees--</option>
					@foreach($DropdownsList as $DropdownList)
					<option value="{{$DropdownList->DropDownListId}}">{{$DropdownList->DropDownListName}}</option>
					@endforeach
				</select>
			</div>

		</div>
	</div>
</div>
@endsection

<script type="text/javascript">
	UpdateTeamDropDown=(DropDownListValue)=>{
		teamId=$('#TeamId :selected').val();

		if(!teamId)
		{
			alert('Please select the team!');
			return;
		}	

		$.ajax({
			type:"post",
			url:"{{url('EmailTickets-UpdateTeamDropDown')}}",
			data:{teamId,DropDownListValue},
			beforeSend:()=>{},
			success:response=>{
					// console.log(response);
					res=JSON.parse(response);

					Snackbar.show({
						text:res.msg,
						pos: 'top-right',
					});

				}
			});
	}
</script>