@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
<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>
			<li>
				<a  title="">
					<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-command"><path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path></svg>
				Related Modules Configuration</a>
			</li>
		</ul>
	</div>
</div>
<br>
<div class="row">
	<div class="col-lg-12 col-md-12 layout-spacing">
		<div class="statbox widget box box-shadow"> 
			
			@csrf
			<div class="col-xs-12 col-sm-12 col-md-12">
				<div class="col-md-3">
					<label>Module</label>
					<select class="form-control" name="moduleId" id="moduleId" onchange="getRelatedModules()">
						<option value="">--Select Module--</option>
						@foreach($ModulesArray as $key=>$value)
						<option value="{{$key}}">{{$value}}</option>
						@endforeach
					</select>
				</div>
				
			</div>

			<div class="col-xs-12 col-sm-12 col-md-12" id="RelatedModulesList">
			</div>
		</div>
	</div>
</div>
<script>
	function getRelatedModules()
	{
		ModuleId=$('#moduleId :selected').val();

		if(ModuleId=='')
		{

			$('#RelatedModulesList').html('');
			return false;
		}

		$.ajax({
			type:"post",
			url:"{{url('GetRelatedModules')}}",
			data:{ModuleId},
			beforeSend:function()
			{

			},
			success:function(response)
			{
				$('#RelatedModulesList').html(response);

				console.log(response);
			}
		});
	}

	EnableModule=(ModuleId,RelatedModulId,UpdateField)=>
	{
		updateValue="1";
		if(UpdateField=="DeletedStatus")
		{
			if($('#Enable'+RelatedModulId).is(' :checked'))
			{
				updateValue="0";
			}	
		}
		else
		{
			updateValue=$('#SortOrder'+RelatedModulId).val();
			if(updateValue=='')
			{
				updateValue="100";
			}
		}

		$.ajax({
			type:"post",
			url:"{{url('EnableRelatedModule')}}",
			data:{ModuleId,RelatedModulId,UpdateField,updateValue},
			beforeSend:function()
			{

			},
			success:function(response)
			{
				// $('#RelatedModulesList').html(response);

				console.log(response);
				res=JSON.parse(response);
				if(res.type=="success")
				{
					Snackbar.show({
						text: res.msg, 
						pos: 'top-right',
					});
				}
				else
				{
					Snackbar.show({
						text: res.msg, 
						pos: 'top-right',
						actionTextColor: '#fff',
						backgroundColor: '#e7515a'
					});
				}
			}
		});
	}
</script>

<!--  END CONTENT AREA  -->
@endsection