@props(['workFlowConditionGroupId','fieldList','workFlowConditionId','workFlowCondition'])

 @php
 $Sequence=1;
 $selectedField=$workFlowCondition->DemographyConfigId."_".$workFlowCondition->ModuleId;
 
 @endphp


 <div id="SubConditionAccordion{{$workFlowConditionId}}" class="accordion">

    <div class="card">
        <div class="card-header" id="...">
            <section class="mb-0 mt-0">
                <div role="menu" class="" data-bs-toggle="collapse" data-bs-target="#SubAccordionOne{{$workFlowConditionId}}" aria-expanded="true" aria-controls="SubAccordionOne{{$workFlowConditionId}}">
                    Condition

                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2 text-danger" onclick="DeleteCondition('{{$workFlowConditionId}}')" height="17" width="17" style="position: relative;top: -3;"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>  

                    <div class="icons"><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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
                </div>
            </section>
        </div>

        <div id="SubAccordionOne{{$workFlowConditionId}}" class="collapse show" aria-labelledby="..." data-bs-parent="#SubConditionAccordion{{$workFlowConditionId}}" style="">
            <div class="card-body">

                <!------------------Card Body starts here---------------------->

                <div class="form-group row">


                    <div class="col-md-3">
                        <label>Related Fields <font color="red">*</font></label>
                        <select name="RelatedFields{{$workFlowConditionId}}" id="RelatedFields{{$workFlowConditionId}}" class="form-control customDropdown" onchange="AddNewCondition('{{$workFlowConditionGroupId}}','{{$workFlowConditionId}}')">
                            <option value="">-- Select Fields --</option>
                            @foreach($fieldList as $CTkey=>$CTvalue)

                            @php
                            $FieldSelected="";
                                if($CTkey==$selectedField) $FieldSelected="selected";
                            @endphp

                            <option value="{{$CTkey}}" {{$FieldSelected}}>{{$CTvalue}}</option>
                            @endforeach
                        </select>
                    </div>

                </div>
                <br>
                <div class="form-group row" id="ModuleFields{{$workFlowConditionId}}">
                    @if($selectedField!="" && $selectedField!="_")
                        <x-workflow.conditionForm :workFlowCondition="$workFlowCondition" />
                   @endif
                </div>

                <!------------------Card Body ends here---------------------->

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


</div>