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

	@php
	//print_r($Modules);
	@endphp

<br>
<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-lg-4">
					<select class="form-control" name="Module" id="Module" onchange="GetFieldsList()">
						<option value="">--Select--</option>
						@foreach($Modules as $module)
						<option value="{{$module['ModuleId']}}">{{$module['ModuleName']}}</option>

						@endforeach
					</select>
				</div>
			</div>

			<div class="col-lg-12">
				<div id="FieldsList">
					
				</div>

			</div>
		</div>
	</div>
	@endsection
	<script type="text/javascript">
		GetFieldsList=()=>{
			console.clear();
			ModuleId=$('#Module :selected').val();
			// console.log(ModuleId);
			// console.log("getlist");
			$.ajax({
				type:"post",
				url:"{{url('SearchDetailView-FieldList')}}",
				data:{ModuleId},
				beforeSend:()=>{
					$('#FieldsList').html("<div class='loader dual-loader mx-auto'></div>");
				},
				success:response=>{
					// console.log(response);
					$('#FieldsList').html(response);
				}
			});
		}
		UpdateConfiguration=(configId,columnName)=>{
			
			if($(`#${columnName}`).is(" :checked"))
			{
				// console.log("checked");
				value=1;
			}
			else
			{
				value=0;
				// console.log("un checked");
			}
			ModuleId=$('#Module :selected').val();
			$.ajax({
				type:"post",
				url:"{{url('SearchDetailView-UpdateConfiguration')}}",
				data:{ModuleId,configId,value},
				beforeSend:()=>{},
				success:response=>{
					res=JSON.parse(response);
					if(res.type=="error")
					{
						Snackbar.show({
							text: res.msg,
							pos: 'top-right',
							actionTextColor: '#fff',
							backgroundColor: '#e7515a'
						});
					}
					else
					{
						Snackbar.show({
							text: res.msg,
							pos: 'top-right',
						});
					}
					// console.log(response);
				}
			});
		}	
	</script>