@props(['condition'])

@php
use App\Models\WorkFlow;
$workflow = new WorkFlow();
$ModuleId=$condition->ModuleId;
$WorkFlowConditionGroupId =$condition->WorkFlowConditionGroupId;
$unqid=$condition->UnqRefID;
$conditionType=$condition->WorkFlowConditionType;
$Operator=$condition->Operator;
$ValueTypeID=$condition->ValueTypeID;
$CompareValue=$condition->CompareValue;
$RelatedField=$condition->DemographyFieldId."_".$condition->ModuleId;

$demography_array = $workflow->GetDataForCondition($ModuleId, $RelatedField);

$conditionTypeAND="";
$conditionTypeOR="";

if($conditionType=="AND")
{
	$conditionTypeAND="selected";
}
elseif($conditionType=="OR")
{
	$conditionTypeOR="selected";
}

$operatorEqualTo="";
$operatorNotEqualTo="";
$operatorContains="";
$operatorStartsWith="";
$operatorEndsWith="";
$operatorNull="";

switch($Operator)
{
	case '1':$operatorEqualTo="selected";break;
	case '2':$operatorNotEqualTo="selected";break;
	case '3':$operatorContains="selected";break;
	case '4':$operatorStartsWith="selected";break;
	case '5':$operatorEndsWith="selected";break;
	case '6':$operatorNull="selected";break;
}

$ValueTypeIDField="";
$ValueTypeIDValue="";
$ValueTypeIDCalculate="";

switch($ValueTypeID)
{
	case '1':$ValueTypeIDField="selected";break;
	case '2':$ValueTypeIDValue="selected";break;
	case '3':$ValueTypeIDCalculate="selected";break;
}





@endphp
<div class="row" name="FullBlock{{$unqid}}" id="FullBlock{{$unqid}}">
	<input type="hidden" value="{{$unqid}}" name="unqid{{$unqid}}" id="unqid{{$unqid}}" class="form-control" />
	<input type="hidden" name="Demographyid{{$unqid}}" id="Demographyid{{$unqid}}" value="{{$demography_array->DemographyConfigId}}" />
	<input type="hidden" name="DemographyDisplayType{{$unqid}}" id="DemographyDisplayType{{$unqid}}" value="{{$demography_array->DisplayType}}" />


	<div class="col-md-2">
		<div class="form-group">
			<strong class="text-primary">Condition Type</strong>
			<select class="form-control customDropdown" name="WorkFlowConditionType{{$unqid}}" id="WorkFlowConditionType{{$unqid}}">
				<option value="AND" {{$conditionTypeAND}}>AND</option>
				<option value="OR" {{$conditionTypeOR}}>OR</option>
			</select>
		</div>
	</div>

	<div class="col-md-2">
		<div class="form-group">
			<strong class="text-primary">Field</strong>
			<input type="text" name="Field{{$unqid}}" id="Field{{$unqid}}" class="form-control" readonly="readonly" value="{{$demography_array->LabelValue}}">
		</div>
	</div>
	<div class="col-md-2">
		<div class="form-group">
			<strong class="text-primary">Operator</strong>
			<select class="form-control customDropdown" name="Operator{{$unqid}}" id="Operator{{$unqid}}">
				<option value="">-- Select --</option>
				<option value="1" {{$operatorEqualTo}}>Equal to</option>
				<option value="2" {{$operatorNotEqualTo}}>Not Equal to</option>
				<option value="3" {{$operatorContains}}>Contains</option>
				<option value="4" {{$operatorStartsWith}}>Starts With</option>
				<option value="5" {{$operatorEndsWith}}>Ends With</option>
				<option value="6" {{$operatorNull}}>Null</option>
			</select>
		</div>
	</div>
	
	<div class="col-md-2">
		<div class="form-group">
			<strong class="text-primary">Type</strong>
			<select class="form-control customDropdown" name="Type{{$unqid}}" id="Type{{$unqid}}" onchange="ConditionValueTypeChange('{{$unqid}}')">
				<option>--Select ValueType--</option>
				<option value="1" {{$ValueTypeIDField}}>Field</option>
				<option value="2" {{$ValueTypeIDValue}}>Value</option>
				<option value="3" {{$ValueTypeIDCalculate}}>Calculate</option>
			</select>
		</div>
	</div>

	<div class="col-md-2">
		<div class="form-group">
			<strong class="text-primary">Value</strong>
			<div id="ConditionValueDiv{{$unqid}}" name="ConditionValueDiv{{$unqid}}">

				@php
				$displaytypevalue=$demography_array->DisplayType;
				$demogrpahyidvalue=$condition->DemographyFieldId;
				$valuetype=$ValueTypeID;
				$unqrecordid=$unqid;
				$moduleid=$ModuleId;
				@endphp


				<x-workflow.conditionvaluesedit :moduleid="$moduleid" :unqrecordid="$unqrecordid" :displaytypevalue="$displaytypevalue"  :demogrpahyidvalue="$demogrpahyidvalue" :valuetype="$valuetype" :comparevalue="$CompareValue"/>

				@props(['moduleid','unqrecordid','displaytypevalue','demogrpahyidvalue','valuetype'])



			</div>
		</div>
	</div>
	<div class="col-md-2">
		<div name="saveexit{{$unqid}}" id="saveexit{{$unqid}}" style="margin-top: 20px">

			<button class="btn btn-outline-success btn-icon mb-2 me-4 btn-rounded" onclick="SaveCondition('{{$unqid}}', '{{$WorkFlowConditionGroupId}}')">
				<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-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
			</button>



			<button class="btn btn-outline-danger btn-icon mb-2 me-4 btn-rounded" onclick="DeleteCondition('{{$unqid}}')">
				<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-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
			</button>

		</div>
	</div>
</div>