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

<!-- <pre> -->
	@php
	//print_r($ModulesArray);
	@endphp
<!-- </pre> -->

<br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ul class="breadcrumb">
			<li><a href="{{url('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>

		</ul>
	</div>
</div>

<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="statbox widget box box-shadow"> 
			<div class="row">
				<div class="col-md-4">
					<label>Select Module</label>
					<select class="form-control" name="ModuleId" id="ModuleId" onchange="GetRelatedModules(this.value)">
						<option value="">--Select--</option>
						
						@foreach($ModulesArray as $ModuleId=>$ModuleName)
						<option value="{{$ModuleId}}" >{{$ModuleName}}</option>
						@endforeach
					</select>
				</div>
			</div>
			<div class="row">
					<div class="col-md-12" id="RelatedModulesList"></div>
			</div>
		</div>
	</div>
</div>

<script>
	GetRelatedModules=(ModuleId)=>{
		if(!ModuleId)
		{
			return false;
		}

		$.ajax({
			type:"post",
			url:"{{url('ScreenPopUp-GetAssociatedModulesConfig')}}",
			data:{ModuleId},
			beforeSend:()=>{},
			success:response=>{
				$('#RelatedModulesList').html(response);
				console.log('response',response);
			}
		});
	}
	updateConfig=(Column,SelectedModuleId,RelatedModuleId,field)=>{

		if($(field).is(" :checked"))
		{
				updateVal=1;
		}
		else
		{
				updateVal=0;
		}

		$.ajax({
			type:'post',
			url:"{{url('ScreenPopUp-UpdateRelatedModuleConfig')}}",
			data:{Column,SelectedModuleId,RelatedModuleId,updateVal},
			beforeSend:()=>{},
			success:response=>{
				console.log(response);
			}
		});

	}
</script>

@endsection