{% macro custom_field_tabs(form, entityType, entityId) %}
    {% import _self as macros %}
    
    {% set customFieldSets = get_custom_field_sets_for_entity(entityType) %}
    
    {% if customFieldSets is not empty %}
        <div class="admin-card p-4 mb-4">
            <h4 class="gradient-text fw-bold mb-4">
                <i class="bi bi-input-cursor me-2"></i>
                {{ 'admin.custom_fields.title'|trans }}
            </h4>
            
            <!-- Tab Navigation -->
            <ul class="nav nav-tabs" id="customFieldsTabs" role="tablist">
                {% for set in customFieldSets %}
                    <li class="nav-item" role="presentation">
                        <button class="nav-link {% if loop.first %}active{% endif %}" 
                                id="tab-{{ set.technicalName }}" 
                                data-bs-toggle="tab" 
                                data-bs-target="#panel-{{ set.technicalName }}" 
                                type="button" 
                                role="tab" 
                                aria-controls="panel-{{ set.technicalName }}" 
                                aria-selected="{% if loop.first %}true{% else %}false{% endif %}">
                            <i class="bi bi-collection me-2"></i>
                            {{ set.name }}
                        </button>
                    </li>
                {% endfor %}
            </ul>
            
            <!-- Tab Content -->
            <div class="tab-content" id="customFieldsTabContent">
                {% for set in customFieldSets %}
                    <div class="tab-pane fade {% if loop.first %}show active{% endif %}" 
                         id="panel-{{ set.technicalName }}" 
                         role="tabpanel" 
                         aria-labelledby="tab-{{ set.technicalName }}">
                        <div class="p-4">
                            {% if set.description %}
                                <p class="text-muted mb-4">{{ set.description }}</p>
                            {% endif %}
                            
                            <div class="row g-3">
                                {% for field in set.customFields %}
                                    {% if field.active %}
                                        {# Code Editor and WYSIWYG should use full width #}
                                        {% set colClass = (field.type == 'code_editor' or field.type == 'wysiwyg') ? 'col-md-12' : 'col-md-6' %}
                                        <div class="{{ colClass }}">
                                            <div class="mb-3">
                                                {% set fieldName = 'custom_field_' ~ field.technicalName %}
                                                {% if form[fieldName] is defined %}
                                                    {# Prüfe ob es wirklich eine Checkbox ist (über block_prefixes - das ist zuverlässiger) #}
                                                    {% set isCheckboxField = form[fieldName].vars.block_prefixes[1] is defined and form[fieldName].vars.block_prefixes[1] == 'checkbox' %}
                                                    {% if isCheckboxField %}
                                                        {% if field.description %}
                                                            <small class="form-text text-muted d-block mb-2">{{ field.description }}</small>
                                                        {% endif %}
                                                        <div class="form-check">
                                                            {# Die Klasse form-check-input wird bereits vom CustomFieldService gesetzt #}
                                                            {{ form_widget(form[fieldName]) }}
                                                            <label for="{{ form[fieldName].vars.id }}" class="form-check-label fw-semibold">
                                                                {{ field.name }}
                                                                {% if field.required %}
                                                                    <span class="text-danger">*</span>
                                                                {% endif %}
                                                            </label>
                                                        </div>
                                                    {% else %}
                                                        <label for="{{ form[fieldName].vars.id }}" class="form-label fw-semibold">
                                                            {{ field.name }}
                                                            {% if field.required %}
                                                                <span class="text-danger">*</span>
                                                            {% endif %}
                                                        </label>
                                                        
                                                        {% if field.description %}
                                                            <small class="form-text text-muted">{{ field.description }}</small>
                                                        {% endif %}
                                                        
                                                        {# Für Code-Editor und WYSIWYG: Klassen werden bereits vom CustomFieldService gesetzt #}
                                                        {# Use existing classes from form options, don't override #}
                                                        {% set existingClass = form[fieldName].vars.attr.class is defined ? form[fieldName].vars.attr.class : 'form-control' %}
                                                        {{ form_widget(form[fieldName]) }}
                                                    {% endif %}
                                                    {{ form_errors(form[fieldName]) }}
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    {% endif %}
{% endmacro %}