{{- $config := site.Data.docs.configuration -}}
{{- $fields := $config.configuration -}}
{{- $groups := $config.groups -}}

{{- /* Sort groups by their order field */ -}}
{{- $sortedGroups := slice -}}
{{- range $groupKey, $groupMeta := $groups -}}
  {{- $sortedGroups = $sortedGroups | append (dict "key" $groupKey "meta" $groupMeta) -}}
{{- end -}}
{{- $sortedGroups = sort $sortedGroups "meta.order" -}}

{{- /* Render each group in order */ -}}
{{- range $groupInfo := $sortedGroups -}}
  {{- $groupKey := $groupInfo.key -}}
  {{- $groupMeta := $groupInfo.meta -}}

  {{- /* Group header */ -}}
  <div class="mt-8 mb-4">
    {{ partial "heading.html" (dict "text" $groupMeta.title "level" 2 "anchor" true "icon" false) }}
    <p class="text-gray-600 dark:text-gray-400 mt-2">{{ $groupMeta.description }}</p>
  </div>

  {{- /* Collect fields for this group */ -}}
  {{- $groupFields := dict -}}
  {{- range $fieldKey, $fieldValue := $fields -}}
    {{- if eq $fieldValue.group $groupKey -}}
      {{- $groupFields = merge $groupFields (dict $fieldKey $fieldValue) -}}
    {{- end -}}
  {{- end -}}

  {{- /* Render fields in this group using the existing data.html partial */ -}}
  {{ partial "data.html" (dict "component_config" $groupFields) }}
{{- end -}}