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

echo "
<pre>";
	//print_r($InboundEmails);
	//print_r($AssignedToList);
	//print_r($UserRoles);
	//print_r($Teams);
	echo "</pre>";


$InboundEmailConfigId = $InboundEmails->InboundEmailConfigId;
$Name = $InboundEmails->Name;
$EmailId = $InboundEmails->EmailId;
$EmailPassword = $InboundEmails->EmailPassword;
$MailboxType = $InboundEmails->MailboxType;
$Protocol = $InboundEmails->Protocol;
$ValidateCert = $InboundEmails->ValidateCert;
$Encryption = $InboundEmails->Encryption;
$EmailPort = $InboundEmails->EmailPort;
$Host = $InboundEmails->Host;
$ImportMails = $InboundEmails->ImportMails;
$CreateCase = $InboundEmails->CreateCase;
$DistributionMethod = $InboundEmails->DistributionMethod;
$SyncType = $InboundEmails->SyncType;
$CheckDuration = $InboundEmails->CheckDuration;
$DistributionOptions = $InboundEmails->DistributionOptions;
$DistributionOptions2 = $InboundEmails->DistributionOptions2;
$ActiveStatus = $InboundEmails->ActiveStatus;
$CaseLabel = $InboundEmails->CaseLabel;
$AutomailTemplate = $InboundEmails->AutomailTemplate;
$AutomailTo = $InboundEmails->AutoMailTo;

$AutoMailToSender = "selected";
$AutoMailToAll = "";
if ($AutomailTo == 2) {
$AutoMailToAll = "selected";
} else {
$AutoMailToSender = "selected";
}

$OfficeAccount = $InboundEmails->OfficeAccount;
$TenantID = $InboundEmails->TenantID;
$ClientID = $InboundEmails->ClientID;
$ClientSecret = $InboundEmails->ClientSecret;




@endphp
<!--  BEGIN CONTENT AREA  -->

<div class="secondary-nav">
	<div class="breadcrumbs-container" data-page-heading="Analytics">
		<header class="header navbar navbar-expand-sm">

			<a href="{{url('dashboard')}}" class="btn-toggle sidebarCollapse" data-placement="bottom">
				<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-menu">
					<line x1="3" y1="12" x2="21" y2="12"></line>
					<line x1="3" y1="6" x2="21" y2="6"></line>
					<line x1="3" y1="18" x2="21" y2="18"></line>
				</svg>
			</a>
			<div class="d-flex breadcrumb-content">
				<div class="page-header">
					<div class="page-title"></div>
					<nav class="breadcrumb-style-one" aria-label="breadcrumb">
						<ol class="breadcrumb">
							<ul class="breadcrumb">
								<li class="breadcrumb-item"><a href="{{url('dashboard')}}">Dashboard</a></li>
								<li class="breadcrumb-item" aria-current="page">
									<a href="{{url('ViewInboundEmails')}}">
										List Inbound Email
									</a>
								</li>
								<li class="breadcrumb-item active">
									<a href="{{url('Edit-InboundMail')}}">
										Update Inbound Email
									</a>
								</li>
							</ul>
						</ol>
					</nav>
				</div>
			</div>
		</header>
	</div>
</div>





<!-- <br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ul class="breadcrumb">
			@php
			$Dashboard=url('dashboard');
			$Listurl=url('ViewInboundEmails');
			@endphp

			<li><a href="{{$Dashboard}}"><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-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
			<li >
				<a href="{{$Listurl}}" title="List Email  Template">
					<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-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>List InBound Email</a>
				</li>
				<li class="active">
					<a href="" title="Create Email Template ">
						<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-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Edit InBound Email </a>
					</li>

				</ul>
			</div>
		</div><br> -->


<div class="row layout-top-spacing">
	<div class="row">
		<div>
			<!-- <div class="col-lg-12 col-md-12 layout-spacing">
		<div class="statbox widget box box-shadow"> -->
			<div class="widget-header">
				<div class="row">
					<div class="col-xl-12 col-md-12 col-sm-12 col-12">
						<h4>Edit InBound Email</h4>
					</div>
				</div>
			</div>
			<div class="card card-body">
				<!-- <div class="widget-content widget-content-area"> -->
				<form class="simple-example" name="InboundEmail" id="InboundEmail">

					<div class="row mb-4">
						<div class="col-md-4">
							<label class="text-primary">Active Status</label> <br>
							<select class="form-control" name="ActiveStatus" id="ActiveStatus">

								@php
								if ($ActiveStatus == "1") {
								$status1 = "selected";
								$status2 = "";
								} else {
								$status2 = "selected";
								$status1 = "";
								}
								@endphp
								<option value="1" {{$status1}}>Active</option>
								<option value="2" {{$status2}}>In-Active</option>
							</select>
						</div>


						<div class="col-md-4">
							<div class="form-group">

								@php
								$checked = ($InboundEmails->AutoReponseWithBody) ? "checked" : "";
								@endphp

								<label class="new-control new-checkbox checkbox-outline-primary  m-auto" style="padding-left: 0px">
									<input type="checkbox" class="new-control-input child-chk select-customers-info" name="AutoReponseWithBody" id="AutoReponseWithBody" value="1" {{$checked}}>
								</label>
								<label class="text-primary">Auto response with mail body</label>
							</div>
						</div>
					</div>



					<div class="row mb-4">
						<div class="col-md-4">
							<label class="text-primary">Name</label> <br>
							<input type="text" class="form-control" name="Name" id="Name" value="{{$Name}}" placeholder="Name">
							<input type="hidden" class="form-control" name="InboundEmailConfigId" id="InboundEmailConfigId" value="{{$InboundEmailConfigId}}">
						</div>
						<div class="col-md-4">
							<label class="text-primary">Email Address</label> <br>
							<input type="text" class="form-control" name="EmailId" id="EmailId" value="{{$EmailId}}" onblur="ValidateFunction('12','EmailId')" placeholder="EmailId">
						</div>

						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Host</label>
								<input type="text" name="Host" id="Host" class="form-control" required="required" value="{{$Host}}">
							</div>
						</div>

					</div>

					<div class="row mb-4">
						<div class="col-md-4">
							<label class="text-primary">Email Password</label> <br>
							<input type="password" class="form-control" name="EmailPassword" id="EmailPassword" value="{{$EmailPassword}}" placeholder="Email Password">
						</div>

						<div class="col-md-4">
							<label class="text-primary">SMTP Port</label> <br>
							<input type="text" class="form-control" name="EmailPort" id="EmailPort" value="{{$EmailPort}}" placeholder="Email Port">
						</div>

						<div class="col-md-4">
							<label class="text-primary">Protocol</label>
							<select name="Protocol" id="Protocol" required="required" class="form-control">
								<option value="">-- None --</option>
								<option value="imap" @php if($Protocol=="imap" )echo "selected" @endphp>imap</option>
							</select>
						</div>

					</div>

					<div class="row mb-4">
						<div class="col-md-4">
							<label class="text-primary">Mailbox Type</label>
							<select name="MailboxType" id="MailboxType" class="form-control">
								<option value="Group" @php if($MailboxType=="Group" )echo "selected" @endphp>Group
								</option>
								<option value="User" @php if($MailboxType=="User" )echo "selected" @endphp>User</option>
							</select>
						</div>

						<div class="col-md-4">
							<label class="text-primary">ValidateCert</label>
							<select name="ValidateCert" id="ValidateCert" class="form-control">
								<option value="true" @php if($ValidateCert=="true" )echo "selected" @endphp>true
								</option>
								<option value="false" @php if($ValidateCert=="false" )echo "selected" @endphp>false
								</option>
							</select>
						</div>

						<div class="col-md-4">

							<!-- <label class="text-primary">Distribution Method</label><br/>
									<select id="DistributionMethod" name="DistributionMethod" class="form-control" >
										<option value="AOPDefault"  @php if($DistributionMethod=="AOPDefault")echo "selected" @endphp>Use AOP Default</option>
										<option  value="singleUser"  @php if($DistributionMethod=="singleUser")echo "selected" @endphp>Single User</option>
										<option value="roundRobin"  @php if($DistributionMethod=="roundRobin")echo "selected" @endphp>Round-Robin</option>
										<option value="leastBusy"  @php if($DistributionMethod=="leastBusy")echo "selected" @endphp>Least-Busy</option>
										<option value="random"  @php if($DistributionMethod=="random")echo "selected" @endphp>Random</option></select>
									-->
							<label class="text-primary">Case Macro</label><br />
							<select id="caseMacro" name="caseMacro" class="form-control" onchange="getCheckDuration(1)">
								<option value="1" @php if($SyncType=="1" )echo "selected" @endphp>[Ticket No: %1]
								</option>
								<option value="2" @php if($SyncType=="2" )echo "selected" @endphp>Same Sender & Subject
								</option>
							</select>

						</div>

					</div>

					<div class="row form-group" id="CheckDurationDivContainer" style="display: none">

						<div class="col-md-4">
							<div id="CheckDurationDiv"></div>
							@if($SyncType == "2")
							<script>
								setTimeout(getCheckDuration, 200, '{{$CheckDuration}}');
							</script>
							@endif

						</div>
					</div>

					<div class="row mb-4">
						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Case Label</label><br />
								<input type="text" class="form-control" name="CaseLabel" id="CaseLabel" value="{{$CaseLabel}}">
							</div>
						</div>

						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Automail Template</label><br />
								<select class="form-control" name="AutomailTemplate" id="AutomailTemplate">
									<option value="">--Select Template--</option>
									@foreach($EmailTemplates as $EmailTemplate)
									@php
									if ($AutomailTemplate == $EmailTemplate->EmailTemplatesId) {
									$templateSelected = "selected";
									} else {
									$templateSelected = "";

									}
									@endphp
									<option value="{{$EmailTemplate->EmailTemplatesId}}" {{$templateSelected}}>
										{{$EmailTemplate->Name}}
									</option>
									@endforeach
								</select>
							</div>
						</div>


						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Automail To</label><br />
								<select class="form-control" name="AutoMailTo" id="AutoMailTo">
									<option value="1" {{$AutoMailToSender}}>Sender</option>
									<option value="2" {{$AutoMailToAll}}>All</option>

								</select>
							</div>
						</div>

					</div>

					<div class="row mb-4">
						<div class="col-md-4">
							<label class="text-primary">Use SSL</label><br />
							<label class="new-control new-checkbox checkbox-outline-primary  m-auto" style="padding-left: 0px">
								<input type="checkbox" class="new-control-input child-chk select-customers-info" name="Encryption" id="Encryption" value="ssl" @php if($Encryption=="ssl" )echo "checked" @endphp>
								<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
							</label>
						</div>

						<div class="col-md-4">
							<label class="text-primary">Import Mails</label><br />
							<label class="new-control new-checkbox checkbox-outline-primary  m-auto" style="padding-left: 0px">
								<input type="checkbox" class="new-control-input child-chk select-customers-info" name="ImportMails" id="ImportMails" value="1" @php if($ImportMails=="1" )echo "checked" @endphp>
								<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
							</label>
						</div>
						<div class="col-md-4">
							<label class="text-primary">Create Case</label><br />
							<label class="new-control new-checkbox checkbox-outline-primary  m-auto" style="padding-left: 0px">
								<input type="checkbox" class="new-control-input child-chk select-customers-info" name="CreateCase" id="CreateCase" value="1" onchange="ConfigDistributionType()" @php if ($CreateCase=="1" ) echo "checked" @endphp>
								<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
							</label>
						</div>
					</div>


					<!-- </div><br> -->
					<!--Ticket Assignment starts----->

					@php
					if($CreateCase==1)
					{
					$ticketAssignmentsDivVisibility="visible";
					}
					else
					{
					$ticketAssignmentsDivVisibility="hidden";
					}

					switch($DistributionMethod)
					{
					case '1':
					$rra="selected";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '2':
					$rra="";$su="selected";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '3':
					$rra="";$su="";$rrr="selected";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '4':
					$rra="";$su="";$rrr="";$tms="selected";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '5':
					$rra="";$su="";$rrr="";$tms="";$ralb="selected";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '6':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="selecetd";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '7':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="selected";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '8':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="selected";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					case '9':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="selected";$lbwSL="";$rrrar="";$rrul="";break;
					case '10':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="selected";$rrrar="";$rrul="";break;
					case '11':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="selected";$rrul="";break;
					case '12':
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="selected";break;
					default:
					$rra="";$su="";$rrr="";$tms="";$ralb="";$rrra="";$rrum="";$lbal="";$lbwS="";$lbwSL="";$rrrar="";$rrul="";break;
					}

					@endphp

					<div class="row" id="ticketAssignmentsDiv" style="visibility: {{$ticketAssignmentsDivVisibility}}">
						<div class="col-md-4">
							<label class="text-primary">DistributionMethod <font color="red">*</font></label>
							<select class="form-control" name="DistributionMethod" id="DistributionMethod" onchange="GetAssignmentOptions(this.value)">
								<option value="0">Select Distribution</option>
								<option value="2" {{$su}}>Single User</option>
								<option value="1" {{$rra}}>Round Robin - All Users</option>
								<option value="3" {{$rrr}}>Round Robin - Role Based </option>
								<option value="4" {{$tms}}>Round Robin - Team Based</option>
								<option value="5" {{$ralb}}>ReadyAgents - Least Busy</option>
								<option value="6" {{$rrra}}>Round Robin - ReadyAgents</option>
								<option value="7" {{$rrum}}>Round Robin - User Mapping</option>
								<option value="8" {{$lbal}}>ReadyAgents - Least Busy Active User with Account & Team
									Linking </option>
								<option value="9" {{$lbwS}}>ReadyAgents - Least Busy Active User with Account & Team
									Linking & Shift Timings </option>
								<option value="10" {{$lbwSL}}>ReadyAgents - Least Busy Active User with Account & Team
									Linking & Shift Timings with LIMIT</option>
								<option value="11" {{$rrrar}}>Round Robin - ReadyAgents - Role Based</option>
								<option value="12" {{$rrul}}>Round Robin based on User Login</option>
							</select>
						</div>

						<div class="col-md-4" id="assignmentOptionsDiv">

							@if($DistributionMethod==2)
							<label class="text-primary">Select User <font color="red">*</font></label>
							<select class="form-control" name="DistributionOptions" id="DistributionOptions">
								@foreach($AssignedToList as $al)
								@php
								if($DistributionOptions==$al['RefId'])
								{
								$userselected="selected";
								}
								else
								{
								$userselected="";

								}
								@endphp
								<option value="{{$al['RefId']}}" {{$userselected}}>{{$al['name']}}</option>
								@endforeach
							</select>
							@endif

							@if($DistributionMethod==3 || $DistributionMethod==11)
							<label class="text-primary">Select Role <font color="red">*</font></label>
							<select class="form-control" name="DistributionOptions" id="DistributionOptions">
								@foreach($UserRoles as $rkey=> $rval)
								@php
								if($DistributionOptions==$rkey)
								{
								$roleSelected="selected";
								}
								else
								{
								$roleSelected="";

								}
								@endphp
								<option value="{{$rkey}}" {{$roleSelected}}>{{$rval}}</option>
								@endforeach
							</select>
							@endif

							@if($DistributionMethod==4)
							<label class="text-primary">Select Team <font color="red">*</font></label>
							<select class="form-control" name="DistributionOptions" id="DistributionOptions">
								@foreach($Teams as $tkey=> $tval)
								@php
								if($DistributionOptions==$tkey)
								{
								$teamSelected="selected";
								}
								else
								{
								$teamSelected="";
								}
								@endphp
								<option value="{{$tkey}}" {{$teamSelected}}>{{$tval}}</option>
								@endforeach
							</select>
							@endif

						</div>

						<div class="col-md-4" id="assignmentOptionsDiv2">

							@if($DistributionMethod==4)

							@php
							$DistributionOptions2=explode(",",$DistributionOptions2)
							@endphp

							<label class="text-primary">Select Role <font color="red">*</font></label>
							<select class="form-control" name="DistributionOptions2[]" id="DistributionOptions2" multiple>

								<option value="">--Select--</option>

								@foreach($UserRoles as $rkey=> $rval)
								@php
								if(in_array($rkey,$DistributionOptions2))
								{
								$roleSelected2="selected";
								}
								else
								{
								$roleSelected2="";

								}
								@endphp
								<option value="{{$rkey}}" {{$roleSelected2}}>{{$rval}}</option>
								@endforeach
							</select>
							@endif

						</div>


					</div>
					<!--Ticket Assignment ends----->


					<br>

					<div class="row mb-4">

						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Is Microsoft Office Account?</label><br />
								<select class="form-control" id="OfficeAccount" name="OfficeAccount">

									@php

									$osN="";
									$osY="";

									if($OfficeAccount=='0')
									{
									$osN="selected";
									}
									else
									{
									$osY="selected";
									}
									@endphp

									<option value="0" {{$osN}}>No</option>
									<option value="1" {{$osY}}>Yes</option>
								</select>
							</div>
						</div>

						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Directory (tenant) ID</label><br />
								<input class="form-control" id="TenantID" name="TenantID" value="{{$TenantID}}">
							</div>
						</div>

						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Application (client) ID</label><br />
								<input class="form-control" id="ClientID" name="ClientID" value="{{$ClientID}}">
							</div>
						</div>
					</div>

					<div class="row mb-4">
						<div class="col-md-4">
							<div class="form-group">
								<label class="text-primary">Client Secret (Value)</label><br />
								<input class="form-control" id="ClientSecret" name="ClientSecret" value="{{$ClientSecret}}">
							</div>
						</div>


					</div>


					<br>

					<div class="row">
						<div class="col-md-12 text-center">
							<div class="form-group">
								<button type="button" class="btn btn-primary" id="mySubBtn" onclick="UpdateInBoundEmail()">Submit</button>
							</div>
						</div>
					</div>
				</form>

			</div>
		</div>
	</div>
</div>
<!--  END CONTENT AREA  -->
@endsection
@php
$siteurl = $_SERVER['HTTP_HOST'];
//$url=explode(".",$siteurl); // crm.bpm360.net
@endphp
<script type="text/javascript">
	function UpdateInBoundEmail() {
		MailForm = document.getElementById('InboundEmail');
		formData = $('#InboundEmail').serialize();
		$.ajax({
			type: "POST",
			url: "{{url('UpdateInboundEmail')}}",
			data: formData,
			beforeSend: function() {

			},
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			success: function(response) {
				console.log(response);
				txt = JSON.parse(response);
				if (txt.Status == "Success") {
					Snackbar.show({
						text: txt.Message,
						pos: 'top-right',
					});

					window.location = '{{$Listurl}}';
				} else if (txt.Status == "Fail") {
					Snackbar.show({
						text: txt.Message,
						actionTextColor: '#fff',
						backgroundColor: '#e2a03f',
						pos: 'top-right',
					});
				}
			},
			// complete: function (response) {



			// 	
			// },
			error: function(response) {

				console.log(response);

			}
		});
	}

	getCheckDuration = (duration) => {

		Macro = $('#caseMacro :selected').val();
		durationdiv = ``;
		if (Macro == "2") {
			durationdiv += `
					<label class="text-primary">Duration in minutes</label><br/>
					<input type="number" min=1 class="form-control" id="Duration" name="Duration" value="${duration}" required>
					`;

			$('#CheckDurationDivContainer').css('display', 'block');
			$('#CheckDurationDiv').html(durationdiv);
		} else {
			$('#CheckDurationDivContainer').css('display', 'none');

			$('#CheckDurationDiv').html('');
		}
	}

	ConfigDistributionType = () => {
		if ($('#CreateCase').is(" :checked")) {
			$('#ticketAssignmentsDiv').css('visibility', 'visible');
		} else {
			$('#ticketAssignmentsDiv').css('visibility', 'hidden');
			$('#assignmentOptionsDiv').html('');

		}
	}

	GetAssignmentOptions = async (assignmentType) => {
		console.log('assignmentType', assignmentType);
		switch (assignmentType) {
			case '1':
				$('#assignmentOptionsDiv').css('visibility', 'hidden');
				$('#assignmentOptionsDiv2').css('visibility', 'hidden');

				break;
			case '2':
				usersList = await GetUsersList();
				$('#assignmentOptionsDiv').html(usersList);
				$('#assignmentOptionsDiv').css('visibility', 'visible');
				$('#assignmentOptionsDiv2').css('visibility', 'hidden');

				break;
			case '3':
				rolesList = await GetRoles();
				$('#assignmentOptionsDiv').html(rolesList);
				$('#assignmentOptionsDiv').css('visibility', 'visible');
				$('#assignmentOptionsDiv2').css('visibility', 'hidden');

				break;
			case '4':

				rolesList = await GetRoles(4);
				$('#assignmentOptionsDiv2').html(rolesList);
				$('#assignmentOptionsDiv2').css('visibility', 'visible');

				teamsList = await GetTeams();
				$('#assignmentOptionsDiv').html(teamsList);
				$('#assignmentOptionsDiv').css('visibility', 'visible');
				break;
			case '12':

				rolesList = await GetRoles(4);
				$('#assignmentOptionsDiv2').html(rolesList);
				$('#assignmentOptionsDiv2').css('visibility', 'visible');

				teamsList = await GetTeams();
				$('#assignmentOptionsDiv').html(teamsList);
				$('#assignmentOptionsDiv').css('visibility', 'visible');
				break;
			default:
				$('#assignmentOptionsDiv').css('visibility', 'hidden');
				$('#assignmentOptionsDiv2').css('visibility', 'hidden');
				break;
		}
	}

	GetUsersList = () => {
		return new Promise((resolve, reject) => {

			usersList = ``;
			$.ajax({
				type: "post",
				url: "{{url('GetUsersList')}}",
				beforeSend: function() {},
				success: response => {
					res = JSON.parse(response);

					Object.values(res).forEach(val => {
						usersList += `<option value="${val.RefId}"> ${val.name} </option>`
					});

					userSelect = `
							<label class="text-primary">Select User <font color="red">*</font></label>
							<select class="form-control" name="DistributionOptions" id="DistributionOptions">
							${usersList}
							</select>
							`
					resolve(userSelect);
				},

			})

		})
	}

	GetRoles = (id) => {
		return new Promise((resolve, reject) => {

			$.ajax({
				type: "post",
				url: "{{url('GetRoles')}}",
				beforeSend: function() {},
				success: response => {
					res = JSON.parse(response);

					if (id == 4) {
						rolesList = `<option value="">--Select--</option>`;
						labelName = "Select Role";
						name = "DistributionOptions2[]";
						multiple = "multiple";
					} else {
						rolesList = ``;
						labelName = "Select Role";
						name = "DistributionOptions";
						multiple = "";
					}

					for (const [key, value] of Object.entries(res)) {
						// console.log(`${key}: ${value}`);
						rolesList += `<option value="${key}"> ${value} </option>`
					}

					RoleSelect = `
							<label class="text-primary">${labelName} <font color="red">*</font></label>
							<select class="form-control" ${multiple} name="${name}" id="${name}">
							${rolesList}
							</select>
							`;
					resolve(RoleSelect);
				},

			})
		});
	}

	GetTeams = () => {
		return new Promise((resolve, reject) => {
			teamsList = ``;
			$.ajax({
				type: "post",
				url: "{{url('GetTeams')}}",
				beforeSend: function() {},
				success: response => {
					// console.log(response);
					res = JSON.parse(response);
					for (const [key, value] of Object.entries(res)) {
						// console.log(`${key}: ${value}`);
						teamsList += `<option value="${key}"> ${value} </option>`
					}

					TeamSelect = `
							<label class="text-primary">Select Team <font color="red">*</font></label>
							<select class="form-control" name="DistributionOptions" id="name="DistributionOptions">
							${teamsList}
							</select>
							`;
					resolve(TeamSelect);
				},

			})
		});
	}
</script>