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

@php
$FromAddress="";
$Toaddresses=[];
try
{
	$FromAddress=$MailConfig->FromAddress;
	$Toaddresses=explode(",",$MailConfig->ToAddress);
}
catch(\Exception $e)
{

}

@endphp

<br>

<!--  BEGIN CUSTOM STYLE FILE  -->
<link rel="stylesheet" type="text/css" href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/plugins/src/vanillaSelectBox/vanillaSelectBox.css">
<link rel="stylesheet" type="text/css" href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/plugins/css/light/vanillaSelectBox/custom-vanillaSelectBox.css">
<link rel="stylesheet" type="text/css" href="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/plugins/css/dark/vanillaSelectBox/custom-vanillaSelectBox.css">
<!--  END CUSTOM STYLE FILE  -->


<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/assets/js/scrollspyNav.js"></script>
<script src="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/plugins/src/vanillaSelectBox/vanillaSelectBox.js"></script>
<script src="{{asset('')}}cork/HTML/ltr/DemoV3/html/src/plugins/src/vanillaSelectBox/custom-vanillaSelectBox.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->

<div id="tableNoSpacing" class="col-lg-12 col-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>User Break Report Mail Configuration</h4>
				</div>
			</div>
		</div>
		<div class="widget-content widget-content-area">

			<div class="table-responsive">
				<table class="table table-no-space table-bordered" >

					<tr>
						<td>
							<label style="display:block">Mail To <font color="red">*</font></label>
							<select id="UsersList" class="venillaSelect" multiple size="3">
								@foreach($Users as $user)

								@php
								$selected="";
								if(in_array($user->email,$Toaddresses))
								{
									$selected="selected";
								}
								@endphp

								<option value="{{$user->email}}" {{$selected}}>{{$user->name}}</option> 
								@endforeach
							</select>
						</td>

						<td>
							<label style="display:block">Send Mail From <font color="red">*</font></label>


							<select id="FromAddres" class="venillaSelect" size="3">
								@foreach($FromEmailAddresses as $Fe)
								@php
								$selected="";
								if($FromAddress==$Fe['FromAddress'])
								{
									$selected="selected";
								}
								@endphp

								<option value="{{$Fe['FromAddress']}}" {{$selected}}>{{$Fe['FromName']}}</option> 
								@endforeach
							</select>
						</td>
					</tr>

					<tr>
						<td colspan="2">
							<center>
								<button type="button" class="btn btn-primary" onclick="UpdateReportMailCofig()">Update</button>
							</center>
						</td>

					</tr>

				</table>
			</div>

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

	<script>
		document.addEventListener('DOMContentLoaded',()=>{
			new vanillaSelectBox("#UsersList", {"minWidth":178,"maxHeight": 200,"search": true,"stayOpen":true});
			new vanillaSelectBox("#FromAddres", {"minWidth":178,"maxHeight": 200,"search": true,"stayOpen":true});
		})

		UpdateReportMailCofig=()=>
		{
			userslist=[];
			$('#UsersList option:selected').each(function() {
				userslist.push($(this).val());
			});

			FromAddress=$('#FromAddres :selected').val();


			if(userslist.length==0 || !FromAddress)
			{
				Snackbar.show({
					text: "Please fill all the mandatory fields",
					pos: 'top-right',
					actionTextColor: '#fff',
					backgroundColor: '#e2a03f',
				});

				return;
			}

			userslist=userslist.join(",");
			
			$.ajax({
				type:"post",
				url:"{{url('UserBreak-ReportMailConfigUpdate')}}",
				data:{FromAddress,userslist},
				beforeSend:()=>{},
				success:response=>{
					// console.log(response);
					res=JSON.parse(response);
					Snackbar.show({
						text: res.msg,
						pos: 'top-right',
					});
				}
			});



		}

		
	</script>