{{ define "items:fields" }}

{{ range (index .FieldsSection .uisection) }}
{{ $field := .}}
{{ $values := (index $.FieldsValues .TypeFieldId)}}

{{ if eq .IsMultiple 1}}
<fieldset>
  <label>{{ .Title }}</label>
  <div id="fields-{{ .TypeFieldId }}">
  {{ $g_counter := 0 }}
  {{ range $counter, $value := $values}}
  <input type="hidden" id="FieldsValuesToRemove-{{$field.TypeFieldId}}-{{$counter}}" name="FieldsValuesToRemove-{{$field.TypeFieldId}}-{{$counter}}" value="0"/>
  <div class="field">
    <div id="FieldsValues-{{$field.TypeFieldId}}-{{$counter}}" class="field-value">{{ field_widget $field.Widget $field.TypeFieldId $counter "" $value $field.ValidValues ""}}</div>
    <div class="field-buttons">
      <button onclick="bm_item_field_delete(this, '{{$field.TypeFieldId}}-{{$counter}}')" id="Delete-{{$field.TypeFieldId}}-{{$counter}}" class="delete"  type="button"><i class="bi bi-dash-square" title="Remove"></i></button>
      <button onclick="bm_item_field_undelete(this, '{{$field.TypeFieldId}}-{{$counter}}')" id="Undelete-{{$field.TypeFieldId}}-{{$counter}}" hidden class="main" type="button"><i class="bi bi-arrow-counterclockwise" title="Undo"></i></button>
    </div>
  </div>
  {{ $g_counter = $counter}}
  {{ end }}
  </div>

  <span class="hide" id="fields-{{.TypeFieldId}}-counter">{{incr $g_counter }}</span>
  <button type="button" onclick="bm_item_field_add('{{.TypeFieldId}}', '{{.Widget}}')" class="main"><i class='bi bi-plus-square-fill'></i> <span> Add value</span></button>
</fieldset>
{{ else }}
  <p>
    {{ $value := ""}}
    {{ if gt (len $values) 0 }}
      {{ $value = index $values 0 }}
    {{ end }}
    {{ field_widget .Widget .TypeFieldId 0 .Title $value .Valid_values ""}}
  </p>
{{ end }}
{{ end }}

{{ end }}