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

@php
$Listurl=url('ListView',$ModuleId);
$Createurl=url('CreateView',$ModuleId);

$RoleAccess_c="1264d300-9915-11eb-948a-56b1773fd56f";   // None 8eca7f5f-9914-11eb-948a-56b1773fd56f
$RoleAccess_l="1264d300-9915-11eb-948a-56b1773fd56f";   // All

if(!empty($ModulesAccess))
{
    foreach($ModulesAccess['Actions'] as $ActionName)
    {
        if($ActionName['ActionName']=="Create")
            $RoleAccess_c=$ActionName['RoleAccess'];

        if($ActionName['ActionName']=="List")
            $RoleAccess_l=$ActionName['RoleAccess'];
    }
}
@endphp

<style>
	.form-groupC
	{
		margin:5px 0px;
	}
	.displayHide
	{
		display: none;
	}
</style>
<input type="hidden" name="ModuleId" id="CreateViewModuleId" value="{{$ModuleId}}" >
<input type="hidden" name="CreateViewSource" id="CreateViewSource" value="{{$source}}" >
<br>
<nav class="breadcrumb-style-two  mb-3" aria-label="breadcrumb">
	<ol class="breadcrumb">
		<li class="breadcrumb-item">
			<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><span class="inner-text">Dashboard</span></a>
		</li>
		@if($RoleAccess_l!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
		<li class="breadcrumb-item"><a href="{{$Listurl}}" title="Click here to view all {{$ModuleInfo->DisplayNamePlural}}">List {{$ModuleInfo->DisplayNamePlural}}</a></li>
		@endif
		@if($RoleAccess_c!="8eca7f5f-9914-11eb-948a-56b1773fd56f")
		<li class="breadcrumb-item active" aria-current="page">Create {{$ModuleInfo->DisplayNamePlural}}</li>
		@endif
	</ol>
</nav>
<div class="statbox widget box box-shadow">
	<div id="ConfigFields"></div>
</div>
@endsection

<script>

	document.addEventListener('DOMContentLoaded',function(){
		var ModuleId = $('#CreateViewModuleId').val();
		LoadFields(ModuleId);
	})

	function LoadFields(ModuleId){
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
			}
		});
		var formData = {
			ModuleId: ModuleId,
		};
		var type = "POST";
		var ajaxurl = "{{ url('GetDemographyFieldsV2') }}";
		$.ajax({
			type: type,
			url: ajaxurl,
			data: formData,
			beforeSend:function()
			{
				$('#ConfigFields').html("<center><div class='spinner-border text-primary align-self-center loader-lg'></div></center>");
			},
			success: function (result) {
				$('#ConfigFields').html(result);
			},
			complete: function () {
			},
			error: function (data) {
				console.log(data);
			}
		});
	}
</script>