{% if widget.attrs.is_tabbed %}
{# Group of groups renders as tabs — filter to group-type children only #}
{% set tablist_id = "grp-" ~ widget.path | replace('.','_') | replace('(','_') | replace(')','_') | replace(':','_') %}
{% set tab_children = widget.children | selectattr('type', 'equalto', 'group') | list %}
<div class="rp-widget rp-group rp-group-tabbed" data-path="{{ widget.path }}" data-type="group"
     {% if widget.enable %}data-enable='{{ widget.enable }}'{% endif %}>
    {% if widget.label %}
    <div class="rp-group-header" id="{{ tablist_id }}-header">{{ widget.label }}</div>
    {% endif %}
    <div class="rp-tabs">
        <div class="rp-tab-buttons" role="tablist" aria-label="{{ widget.label or widget.id }}" aria-orientation="horizontal">
            {% for child in tab_children %}
            {% set tab_id = tablist_id ~ "-tab-" ~ loop.index0 %}
            {% set panel_id = widget.path ~ "-tab-" ~ loop.index0 %}
            <button type="button"
                    id="{{ tab_id }}"
                    class="rp-tab-btn {% if loop.first %}active{% endif %}"
                    role="tab"
                    aria-selected="{{ 'true' if loop.first else 'false' }}"
                    aria-controls="{{ panel_id | replace('.','_') | replace('(','_') | replace(')','_') | replace(':','_') }}"
                    tabindex="{{ '0' if loop.first else '-1' }}"
                    {% if child.enable %}data-enable='{{ child.enable }}'{% endif %}
                    onclick="rappture.switchTab(this, '{{ panel_id }}')">
                {{ child.label or child.id }}
            </button>
            {% endfor %}
        </div>
        {% for child in tab_children %}
        {% set tab_id = tablist_id ~ "-tab-" ~ loop.index0 %}
        {% set panel_id = widget.path ~ "-tab-" ~ loop.index0 %}
        <div class="rp-tab-panel {% if loop.first %}active{% endif %}"
             id="{{ panel_id | replace('.','_') | replace('(','_') | replace(')','_') | replace(':','_') }}"
             role="tabpanel"
             aria-labelledby="{{ tab_id }}"
             {% if child.enable %}data-enable='{{ child.enable }}'{% endif %}>
            {% for subchild in child.children %}
                {% set widget = subchild %}
                {% include "widgets/" + subchild.type + ".html" ignore missing %}
            {% endfor %}
        </div>
        {% endfor %}
    </div>
</div>
{% else %}
{# Regular group renders with border #}
<fieldset class="rp-widget rp-group {% if widget.attrs.layout == 'horizontal' %}rp-group-horizontal{% endif %}"
          data-path="{{ widget.path }}" data-type="group"
          {% if widget.enable %}data-enable='{{ widget.enable }}'{% endif %}>
    {% if widget.label %}
    <legend class="rp-group-legend">{{ widget.label }}</legend>
    {% endif %}
    <div class="rp-group-content {% if widget.attrs.layout == 'horizontal' %}rp-horizontal{% endif %}">
        {% for child in widget.children %}
            {% set widget = child %}
            {% include "widgets/" + child.type + ".html" ignore missing %}
        {% endfor %}
    </div>
</fieldset>
{% endif %}