@props(['demographyconfigId','moduleid','mandatory'])
@php
$Field=DB::table('DemographyConfig')->where('DemographyConfigId',$demographyconfigId)->get()->first();
$DisplayName=$Field->LabelValue;
$ColumnName=$Field->ColumnName;
$DropDownNameId=$Field->DropDownNameId;
$DependentField=$Field->DependentField;
$Helptext=$Field->Helptext;


$LabelValue="";

$DropdownsList=DB::table('DropDownLists')->where('DropDownNameId',$DropDownNameId)->where('DropDownListStatus',1)->get(['DropDownListId','DropDownListName','ReferenceID']);

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




if($DependentField==1)
{
    $RequiredField="";
    $displayHide="displayHide";
}
else
{
    $displayHide="";
}

@endphp

<div class="col-md-4 form-group {{$displayHide}}" id="{{$ColumnName}}Wrapper{{$moduleid}}">
	<label>@php echo $DisplayName;@endphp <font color='red'>{{$DisplayredStar}}</font>
	@if($Helptext)
	<a href="javascript:void(0);" class=" rounded bs-tooltip" title="{{$Helptext}}" data-original-title="{{$Helptext}}">
		<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-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
	</a>
	@endif
	</label>
    <input list="{{$ColumnName}}List" class="form-control " id="{{$ColumnName}}{{$moduleid}}" name="{{$ColumnName}}" {{$ReruiredField}} autocomplete="off">
    <datalist id="{{$ColumnName}}List">
        @foreach($DropdownsList as $DropdownList)
        <option value='{{$DropdownList->DropDownListName}}'/>
            @endforeach
        </datalist>

        <div class="invalid-feedback">
            Please fill the {{$DisplayName}}
        </div>

    </div>