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

@php
//echo "<pre>";
	//	print_r($ModulesArray);
//echo "</pre>";
@endphp

<div class="row layout-top-spacing">

	<div id="tableSimple" class="col-lg-12 col-12 layout-spacing">
		<div class="statbox widget box box-shadow">
			<div class="widget-header">
				<div class="row">
					<div class="col-xl-12 col-md-12 col-sm-12 col-12">
						<h4>Disable Reqired fields Config</h4>
					</div>
				</div>
			</div>
			<div class="widget-content widget-content-area">


				<div class="col-md-4">
					<label>Select Module</label>
					<select class="form-control customDropdown" name="ModuleId" id="ModuleId" onchange="FetchFields()">
						<option value="">--Select--</option>
						@foreach($ModulesArray as $ModuleId=>$ModuleName)
						<option value="{{$ModuleId}}">{{$ModuleName}}</option>
						@endforeach
					</select>
				</div>

				<br>

				<div class="col-md-12" id="ColumnsList">

				</div>	

				

			</div>
		</div>
	</div>
</div>
@endsection

<script type="text/javascript">
	FetchFields=()=>
	{
		ModuleId=$('#ModuleId :selected').val();

		if(!ModuleId)
		{
			$('#ColumnsList').html('');
			return;
		}

		$.ajax({
			type:"post",
			url:"{{url('FetchFields')}}",
			data:{ModuleId},
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			beforeSend:()=>{},
			success:response=>{
				$('#ColumnsList').html(response);
			// console.log(response)
		}	

	});

	}
	
</script>