@props(['workFlowCondition'])


@php
use App\Models\WorkFlow;
$workflow = new WorkFlow();



if(property_exists($workFlowCondition,'CompareValue'))
{
    $data = json_decode($workFlowCondition->CompareValue,true);
    if ($data != null)
    {
        $workFlowCondition->CompareValue=$data;
    }
}

if(property_exists($workFlowCondition,'CompareValueTo'))
{
    $data = json_decode($workFlowCondition->CompareValueTo,true);
    if ($data != null)
    {
        $workFlowCondition->CompareValueTo=$data;
    }
}


$workFlowConditionEncoded=json_encode($workFlowCondition,true);

$ModuleId=$workFlowCondition->ModuleId;
$RelatedField=$workFlowCondition->DemographyConfigId;
$WorkFlowConditionId=$workFlowCondition->WorkFlowConditionId;
$WorkFlowConditionGroupId=$workFlowCondition->WorkFlowConditionGroupId;
$ValueType=$workFlowCondition->ValueType;

$WorkFlowConditionTypeAND="";
$WorkFlowConditionTypeOR="";
if($workFlowCondition->WorkFlowConditionType=="AND")$WorkFlowConditionTypeAND="selected";
if($workFlowCondition->WorkFlowConditionType=="OR")$WorkFlowConditionTypeOR="selected";


$operator=$workFlowCondition->Operator;



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

//print_r($demography_array)



$userRelatedFields=['15','31','32','33','34','36'];
@endphp


<style type="text/css">
.togglediv {
    display: none;
}

.conditiondiv {
    border: 1px dotted;
    border-radius: 5px;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 10px;
}
</style>


<div class="conditiondiv" name="FullBlock{{$WorkFlowConditionId}}" id="FullBlock{{$WorkFlowConditionId}}">


    <form id="ConditionForm{{$WorkFlowConditionId}}">

        <input type="hidden" value="{{$WorkFlowConditionId}}" name="WorkFlowConditionId"
            id="WorkFlowConditionId{{$WorkFlowConditionId}}" class="form-control" />
        <input type="hidden" name="DemographyConfigId" id="DemographyConfigId{{$WorkFlowConditionId}}"
            value="{{$demography_array->DemographyConfigId}}" />
        <input type="hidden" name="DemographyDisplayType" id="DemographyDisplayType{{$WorkFlowConditionId}}"
            value="{{$demography_array->DisplayType}}" />
        <input type="hidden" name="ModuleId" id="ConditionModuleId{{$WorkFlowConditionId}}"
            value="{{$demography_array->ModuleId}}" />


        <div class="form-group row" id="FullBlockRow{{$WorkFlowConditionId}}">
            <!---------------First Row Starts---------->

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

            <div class="col-md-2">
                <strong class="text-primary">Field</strong>
                <input type="text" name="Field" id="Field{{$WorkFlowConditionId}}" class="form-control"
                    readonly="readonly" value="{{$demography_array->LabelValue}}">
            </div>


            <div class="col-md-2">
                <strong class="text-primary">Operator</strong>
                <select class="form-control customDropdown" name="Operator" id="Operator{{$WorkFlowConditionId}}"
                    onchange="GetValueTypes('{{$WorkFlowConditionId}}','{{$demography_array->DisplayType}}')">
                    <x-workflow.operators :displayType="$DisplayType" :operator="$operator" />
                </select>
            </div>


            <div class="col-md-2">
                <strong class="text-primary">Value Type</strong>
                <select class="form-control customDropdown" name="ValueType" id="ValueType{{$WorkFlowConditionId}}"
                    onchange="ValueTypeChange('{{$WorkFlowConditionId}}')">
                    @if($DisplayType)
                    <x-workflow.valueType  :displayType="$DisplayType" :valueType="$ValueType" />
                    @endif
                </select>
            </div>

            @if($DisplayType)

            <script>
                ValueTypeChange('{{$WorkFlowConditionId}}','');
            </script>

            @endif


        </div>
        <!---------------First Row Ends---------->

        <x-workflow.timeinput :workFlowConditionId="$WorkFlowConditionId"
            :workFlowConditionGroupId="$WorkFlowConditionGroupId" :workFlowCondition="$workFlowCondition" />
    </form>
</div>