@props(['workFlowConditionGroupId','sequence','workFlowConditions','fieldList'])

 @php
 $WorkFlowConditionGroupId=$workFlowConditionGroupId;
 $Sequence=$sequence;

 //echo "<pre>";
   //     print_r($workFlowConditions);
 //echo "</pre>";


 @endphp

 <div class="card" id="ConditionGroupCard{{$WorkFlowConditionGroupId}}">
    <div class="card-header" id="...">


        <section class="mb-0 mt-0">
            <div role="menu" class="show" data-bs-toggle="collapse" data-bs-target="#defaultAccordionOne{{$WorkFlowConditionGroupId}}" aria-expanded="false" aria-controls="defaultAccordionOne{{$WorkFlowConditionGroupId}}">

                <x-workflow.groupUpdateBtn :workFlowConditionGroupId="$WorkFlowConditionGroupId" />
                Condition Group  {{$Sequence}}  
                <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="DeleteConditionGroup('{{$WorkFlowConditionGroupId}}')" 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="defaultAccordionOne{{$WorkFlowConditionGroupId}}" class="collapse show" aria-labelledby="..." data-bs-parent="#workflowConditionDiv">
        <div class="card-body">


         <div class="form-group row">
            <a href="javascript:void(0);" class="text-primary addConditionBtn" onclick="AddSubCondition('{{$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-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg> Add Condition 
            </a>
        </div>

        <div class="form-group row" id="SubConditions{{$WorkFlowConditionGroupId}}">
         <div id="SubConditionsLoader{{$WorkFlowConditionGroupId}}"></div>

         @if(count($workFlowConditions))

         @if(array_key_exists($WorkFlowConditionGroupId,$workFlowConditions))

         @foreach($workFlowConditions[$WorkFlowConditionGroupId] as $workFlowCondition)
            @php
                $WorkFlowConditionId=$workFlowCondition->WorkFlowConditionId;
            @endphp
          <x-workflow.condition  :workFlowConditionGroupId="$WorkFlowConditionGroupId" :fieldList="$fieldList" :workFlowConditionId="$WorkFlowConditionId" :workFlowCondition="$workFlowCondition"/>
         @endforeach

         @endif

         @endif
     </div>


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