@php
//print_r($demography_array)
$DisplayType=$demography_array->DisplayType;
$userRelatedFields=['15','31','32','33','34','36'];


$workFlowCondition=(object)[
'WorkFlowConditionId'=> $WorkFlowConditionId,
'ModuleId' => '',
'WorkFlowId' => '',
'WorkFlowConditionGroupId' =>'',
'DemographyConfigId' => '',
'Operator' => '',
'ValueType' => '',
'CompareValue' =>'',
'Description' => '',
'WorkFlowConditionType' =>'',
'CompareValueTo' => '',
'TimeComparisonType' => '',
'TimeOperator' => '',
'Days' => '',
'Hours' => '',
'Minutes' => '',
'WorkingHours' => '',
];


@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">AND</option>
                    <option value="OR">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="" />
                </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}}')">
                </select>
            </div>


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

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