{{if $.data && $.data.length}}
<div class="separator mainColor_border"></div>
<div class="condition" data-o2-element="conditionNode">
    <div>
        {{each $.data}}

        {{if $.valueCountPairList && $.valueCountPairList.length}}
        <div class="item-multiselect mainColor_border mainColor_bg_opacity"></div>
        <div class="item" style="display: {{($._.status.collapseCondition && $.index) ? 'none': ''}};">
            <div class="item-title">{{$.label}}</div>

            <div class="item-content">
                {{if $.valueCountPairList.length>1}}
                <div class="multi-button" data-o2-events="click:loadMultiSelectConditionItem;mouseover:mainColorOver:multi-button;mouseout:mainColorOut:multi-button">
                    <i class="o2icon-add"></i><span>{{$._.lp.multiSelect}}</span>
                </div>
                {{end if}}
                <div class="switch-button" data-o2-events="click:switchConditionItem;mouseover:mainColorOver:switch-button;mouseout:mainColorOut:switch-button">
                    <i class="o2icon-triangle_down"></i><span>{{$._.lp.more}}</span>
                </div>
                <ul class="subitem-wrap">
                    {{each $.valueCountPairList}}
                    <li class="subitem">
                        <div class="subItem-content" data-o2-events="click:changeSingleCondition;mouseover:subConditionOver;mouseout:subConditionOut">
                            {{if $.documentFieldType === "date"}}

                            {{end if}}

                            {{if $.documentFieldType !== "date"}}
                                {{$.label}}({{$.count}})
                            {{end if}}
                        </div>
                    </li>
                    {{end each}}
                </ul>
                <div data-o2-events="o2load:checkSwitchButton"></div>
            </div>

        </div>
        {{end if}}

        {{end each}}
    </div>

    {{if $.status.showSwitch}}
    <div class="switch" data-o2-element="switchNode" data-o2-events="click:switchCondition;mouseover:mainColorOver:switch;mouseout:mainColorOut:switch">
        <i style="margin-right: 3px;" class="{{$.status.collapseCondition ? 'o2icon-chevron-thin-down' : 'o2icon-chevron-thin-up'}}"></i>
        <span>{{$.status.collapseCondition ? $.lp.expandCondition : $.lp.collapseCondition}}</span>
    </div>
    {{end if}}

</div>
{{end if}}