@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>Ticket Status to display records in assigned email tickets.</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>Ticket Status</label>
				<select class="form-control customDropdown" name="DropDownListId" id="DropDownListId" multiple onchange="UpdateTicketStatus()">
					<option value="">--Select Ticket Status--</option>
					@foreach($DropdownsList as $DropdownList)
					<option value="{{$DropdownList->DropDownListId}}">{{$DropdownList->DropDownListName}}</option>
					@endforeach
				</select>
			</div>

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

<script type="text/javascript">
	UpdateTicketStatus=()=>
	{
		console.clear();
		DropDownListValues = [];
		for (var option of document.getElementById('DropDownListId').options)
		{
			if (option.selected) {
				DropDownListValues.push(option.value);
			}
		}
		DropDownListValues=JSON.stringify(DropDownListValues);

		teamId=$('#TeamId :selected').val();
		if(!teamId)
		{
			alert('Please select the team!!');
			return;
		}	

		$.ajax({
			type:"post",
			url:"{{url('EmailTickets-UpdateShowTicketsConfig')}}",
			data:{teamId,DropDownListValues},
			beforeSend:()=>{},
			success:response=>{
				console.log(response);
				res=JSON.parse(response);
				Snackbar.show({
					text:res.msg,
					pos: 'top-right',
				});
			}
		});
	}
</script>