@props(['demographyconfigId','moduleid'])

@php
use App\Models\Demography;

$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;

$RowId=uniqid();

@endphp
<div class="col-md-12 form-group">
	<label style="display: block">{{$DisplayName}}</label>

	@php

	$demography=new Demography();
	$ConfiguredSecondaryModulesList=$demography->ConfiguredSecondaryModulesList($moduleid);

	foreach ($ConfiguredSecondaryModulesList as $secondaryModule) 
	{
		if($secondaryModule!=$moduleid)
		{
			$RelModuleName=$demography->getModuleName($secondaryModule);
			$RelModuleId=$secondaryModule;
			$RelModuleIcon=$demography->GetModuleIcon($secondaryModule);
			@endphp
			<div class="col-md-12" style="padding:5px 0px;">
				<div class="icon-container text-primary" style="cursor: pointer;" onclick="QuickCreate('{{$RelModuleId}}','{{$RelModuleName}}','API');">
					<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-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg><span class="icon-name"> {{$RelModuleName}}</span>
				</div>
			</div>
			<div class="col-md-12" id="Related{{$RelModuleName}}"></div>
			@php
		}
	}
	@endphp
	
</div>

<style>
	.relatedclass
	{
		padding-left: 0px !important;
	}
	.relatedclass li
	{
		display: inline-block !important;
	}
</style>
<script>
	function QuickCreate(SecondaryModuleId,subpanel_loop)
	{

		RowId='{{$RowId}}';
		source="CreateViewQuickCreate";
		UniqId=(new Date()).getTime();
		moduleID=$('#CreateViewModuleId').val();
		$.ajax({
			type:"POST",
			data:{ModuleId:SecondaryModuleId,RowId:RowId,subpanel_loop:subpanel_loop,PrimaryModuleId:moduleID,source:source,UniqId:UniqId},
			url:"{{url('GetQuickCreateFields')}}",
			beforeSend:function()
			{

			},
			success:function(response)
			{
				$('#Related'+subpanel_loop).append(response);
				$('#QuickCreateModalLabel').html("Create "+$('#ModuleName').val());
			}

		});
	}
	RemoveRelatedModule =(uniqid)=>
	{
		$('#ModuleNameCreate'+uniqid).remove();
	}

</script>