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

<pre>
	@php
	//print_r($Modules);
	@endphp
</pre>

<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-md-4">
					<select name="ModuleId" id="ModuleId" class="form-control" onchange="ButtonsConfiguration()">
						<option value="">--Select--</option>
						@foreach($Modules as $module)
						<option value="{{$module['ModuleId']}}">{{$module['ModuleName']}}</option>
						@endforeach
					</select>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12" id="Buttonslist">
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

<script type="text/javascript">
	ButtonsConfiguration=()=>{

		ModuleId=$('#ModuleId :selected').val();
		view="4";
		$.ajax({
			type:'post',
			url:"{{url('SearchDetailView-ButtonsConfigured')}}",
			data:{ModuleId,view},
			beforeSend:()=>{},
			success:response=>{
				console.log(response);
				$('#Buttonslist').html(response);
			}
		});
		console.log("hii");
	}
	updateBtnConfig=(id)=>{
		ModuleId=$('#ModuleId :selected').val();
		view="4";

		if($(`#btn${id}`).is(' :checked'))
		{
			value=0;
		}
		else
		{
			value=1;
		}
		$.ajax({
			type:'post',
			url:"{{url('updateBtnConfig')}}",
			data:{ModuleId,view,id,value},
			beforeSend:()=>{},
			success:response=>{
				console.log(response);
				// $('#Buttonslist').html(response);
			}
		});
	}
</script>