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

@php

echo '<pre>';
	//print_r($ModulesArray);
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="row">
			<div class="col-md-4">
				<label>Module</label>

				<select class="form-control customDropdown" name="ModuleId" id="ModuleId" onchange="GetModuleData()">
					<option value="">--Select Module--</option>

					@foreach($ModulesArray as $ModuleId=>$ModuleName)

					<option value="{{$ModuleId}}">{{$ModuleName}}</option>

					@endforeach

				</select> 
			</div>

		</div>


		<div class="form-group row">

			<div class="col-md-12" id="ModuleDataDiv">
				
			</div>

		</div>

	</div>
</div>
@endsection


<script>

	GetModuleData=()=>
	{
		ModuleId=$('#ModuleId :selected').val();

		if(ModuleId)
		{
			$.ajax({
				type:"post",
				url:"{{url('EmailTickets-AutoMail-GetModuleData')}}",
				data:{ModuleId},
				beforeSend:()=>{

					$('#ModuleDataDiv').html(`<center> <div class="spinner-border text-primary align-self-center loader-lg">Loading...</div><center>`);
				},
				success:response=>{
					$('#ModuleDataDiv').html(response);
				}
			});
		}
		else
		{
			$('#ModuleDataDiv').html('');
		}

		
	}

	

</script>