@props(['demographyconfigId','moduleid','mandatory','results'])
@php

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

use App\Models\Demography; 
$DependentFieldId=explode(",",$Field->DependentFieldId);
$DependentFieldColumnName="";
$DependentFieldColumnNameValue="";

try
{
	if($DependentFieldId[0])
	{
		$DependentFieldColumnName=Demography::GetDependentFieldColumnName($moduleid,$DependentFieldId[0]);
		$DependentFieldColumnNameValue=$results->$DependentFieldColumnName;
	}
}
catch(\Exception $e){}



$labelValue=$results->$ColumnName;

if($mandatory==1)
{
	$RequiredField="required";
	$DisplayredStar="*";
}
else
{
	$RequiredField="";
	$DisplayredStar="";
}

if($DependentField==1)
{
	if(in_array($DependentFieldColumnNameValue,$DependentFieldId))
	{
		$displayHide="";
	}
	else
	{
		$displayHide="displayHide";
		$RequiredField="";
	}

	
}
else
{
	$displayHide="";
}
$aa='';
$bb='';
$cc='';
if($labelValue)
{
	$ExplodedValue=explode(':',$labelValue);
	
	if($ExplodedValue[0])
	{
		$aa=$ExplodedValue[0];
	}
	if($ExplodedValue[1])
	{
		$bb=$ExplodedValue[1];
	}
	if($ExplodedValue[2])
	{
		$cc=$ExplodedValue[2];
	}
}
@endphp

<div class="col-md-4 form-group {{$displayHide}}" id="{{$ColumnName}}Wrapper{{$moduleid}}">
	<label id="label{{$ColumnName}}">@php echo $DisplayName; @endphp <font color='red'>{{$DisplayredStar}}</font></label>
	<table>
		<tr>
			<td><input type="number"  id="{{$ColumnName}}{{$moduleid}}Hours" {{$RequiredField}}  placeholder="hours" class="form-control" onchange="SetValueDuration('{{$ColumnName}}{{$moduleid}}')" value="{{$aa}}"></td>
			<td><input type="number"  id="{{$ColumnName}}{{$moduleid}}Minutes" {{$RequiredField}} placeholder="Min" class="form-control" onchange="SetValueDuration('{{$ColumnName}}{{$moduleid}}')" value="{{$bb}}"></td>
			<td><input type="number"  id="{{$ColumnName}}{{$moduleid}}Secounds" {{$RequiredField}}  placeholder="Sec" class="form-control" onchange="SetValueDuration('{{$ColumnName}}{{$moduleid}}')" value="{{$cc}}"></td>
		</tr>
	</table>
	<input type="text" class="form-control" name="{{$ColumnName}}" id="{{$ColumnName}}{{$moduleid}}"  {{$RequiredField}} value="{{$labelValue}}" readonly>
	<div class="invalid-feedback">
		Please fill the {{$DisplayName}}
	</div>
</div>
<script>
	function SetValueDuration(InputId)
	{
		var a=InputId+"Hours";
		var b=InputId+"Minutes";
		var c=InputId+"Secounds";
		
		var valuea=document.getElementById(a).value;
		var valueb=document.getElementById(b).value;
		var valuec=document.getElementById(c).value;
		
		if(valuea=='')
		{
			valuea='00';
		}
		if(valueb=='')
		{
			valueb='00';
		}
		if(valuec=='')
		{
			valuec='00';
		}
		var d=valuea+":"+valueb+":"+valuec;
		document.getElementById(InputId).value=d;
	}
</script>