{{ define "blocks" }}
    {{ if .Fields }}<div class="group">{{ end }}
    {{ range $key, $value := .Fields }}
        {{ if eq $value.Parent.Type "array" }}
        <div id="{{ $value.Name }}-{{ $key }}" data-type="array-item">
            {{ template "value" $value }}
            <div class="action delete">
                <i class="material-icons">close</i>
            </div>
        </div>
        {{ else }}
        <div class="block" id="block-{{ $value.Name }}" data-content="{{ $value.Name }}">
          <label for="{{ $value.Name }}">{{ SplitCapitalize $value.Title }}</label>
          {{ template "value" $value }}
          <div class="action delete">
              <i class="material-icons">close</i>
          </div>
        </div>
        {{ end }}
    {{ end }}
    {{ if .Fields }}</div>{{ end }}

    {{ range $key, $value := .Arrays }}
    {{ template "fielset" $value }}
    {{ end }}

    {{ range $key, $value := .Objects }}
    {{ template "fielset" $value }}
    {{ end }}
{{ end }}

{{ define "value" }}
{{ if eq .HTMLType "textarea" }}
<textarea class="scroll" name="{{ .Name }}:{{ .Type }}" id="{{.Name }}" data-parent-type="{{ .Parent.Type }}">{{ .Content.Other }}</textarea>
{{ else if eq .HTMLType "datetime" }}
<input name="{{ .Name }}:{{ .Type }}" id="{{ .Name }}" value="{{ .Content.Other.Format "2006-01-02T15:04" }}" type="datetime-local" data-parent-type="{{ .Parent.Type }}"></input>
{{ else }}
<input name="{{ .Name }}:{{ .Type }}" id="{{ .Name }}" value="{{ .Content.Other }}" type="{{ .HTMLType }}" data-parent-type="{{ .Parent.Type }}"></input>
{{ end }}
{{ end }}


{{ define "fielset" }}
<fieldset id="{{ .Name }}" data-type="{{ .Type }}">
  <h3>{{ SplitCapitalize .Title }}</h3>
  <div class="action add">
      <i class="material-icons">add</i>
  </div>
  <div class="action delete">
      <i class="material-icons">close</i>
  </div>
 {{ template "blocks" .Content }}

</fieldset>
{{ end }}