{{define "tabler_formelements_content"}}
{{$fe := .}}

{{if hasField $fe "TextInputs"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Text inputs</h3></div>
  <div class="card-body">
    {{range $fe.TextInputs}}{{template "formtabler_textinput" .}}{{end}}
  </div>
</div>
{{end}}

{{if hasField $fe "IconInputs"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Icon inputs</h3></div>
  <div class="card-body">
    {{range $fe.IconInputs}}{{template "formtabler_iconinput" .}}{{end}}
  </div>
</div>
{{end}}

{{if hasField $fe "IconSeparated"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Icon separated</h3></div>
  <div class="card-body">
    {{template "formtabler_iconseparated" $fe.IconSeparated}}
  </div>
</div>
{{end}}

{{if hasField $fe "InputSizing"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Input sizing</h3></div>
  <div class="card-body">
    {{template "formtabler_inputsizing" $fe.InputSizing}}
  </div>
</div>
{{end}}

{{if hasField $fe "FileInput"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">File input</h3></div>
  <div class="card-body">
    {{template "formtabler_fileinput" $fe.FileInput}}
  </div>
</div>
{{end}}

{{if hasField $fe "ColorInput"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Color input</h3></div>
  <div class="card-body">
    {{template "formtabler_colorinput" $fe.ColorInput}}
  </div>
</div>
{{end}}

{{if hasField $fe "ColorPicker"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Color picker</h3></div>
  <div class="card-body">
    {{template "formtabler_colorpicker" $fe.ColorPicker}}
  </div>
</div>
{{end}}

{{if hasField $fe "RangeInput"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Range input</h3></div>
  <div class="card-body">
    {{template "formtabler_rangeinput" $fe.RangeInput}}
  </div>
</div>
{{end}}

{{if hasField $fe "Datalist"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Datalist</h3></div>
  <div class="card-body">
    {{template "formtabler_datalist" $fe.Datalist}}
  </div>
</div>
{{end}}

{{if hasField $fe "ImageCheck"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Image check</h3></div>
  <div class="card-body">
    {{template "formtabler_imagecheck" $fe.ImageCheck}}
  </div>
</div>
{{end}}

{{if hasField $fe "ImageRadio"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Image radio</h3></div>
  <div class="card-body">
    {{template "formtabler_imageradio" $fe.ImageRadio}}
  </div>
</div>
{{end}}

{{if hasField $fe "ImagePerson"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Image person</h3></div>
  <div class="card-body">
    {{template "formtabler_imageperson" $fe.ImagePerson}}
  </div>
</div>
{{end}}

{{if hasField $fe "Checkboxes"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Checkboxes</h3></div>
  <div class="card-body">
    {{template "formtabler_checkboxes" $fe.Checkboxes}}
  </div>
</div>
{{end}}

{{if hasField $fe "CheckboxesInline"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Inline checkboxes</h3></div>
  <div class="card-body">
    {{template "formtabler_checkboxesinline" $fe.CheckboxesInline}}
  </div>
</div>
{{end}}

{{if hasField $fe "Radios"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Radios</h3></div>
  <div class="card-body">
    {{template "formtabler_radios" $fe.Radios}}
  </div>
</div>
{{end}}

{{if hasField $fe "RadiosInline"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Inline radios</h3></div>
  <div class="card-body">
    {{template "formtabler_radiosinline" $fe.RadiosInline}}
  </div>
</div>
{{end}}

{{if hasField $fe "Toggles"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Toggle switches</h3></div>
  <div class="card-body">
    {{template "formtabler_toggle" $fe.Toggles}}
  </div>
</div>
{{end}}

{{if hasField $fe "ToggleSingle"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Single toggle</h3></div>
  <div class="card-body">
    {{template "formtabler_togglesingle" $fe.ToggleSingle}}
  </div>
</div>
{{end}}

{{if hasField $fe "Select"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Select</h3></div>
  <div class="card-body">
    {{template "formtabler_select" $fe.Select}}
  </div>
</div>
{{end}}

{{if hasField $fe "Selectgroups"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Selectgroups</h3></div>
  <div class="card-body">
    {{range $fe.Selectgroups}}{{template "formtabler_selectgroup" .}}{{end}}
  </div>
</div>
{{end}}

{{if hasField $fe "SelectgroupPayments"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Payment methods</h3></div>
  <div class="card-body">
    {{template "formtabler_selectgroup_payments" $fe.SelectgroupPayments}}
  </div>
</div>
{{end}}

{{if hasField $fe "SelectgroupProjectManager"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Project manager</h3></div>
  <div class="card-body">
    {{template "formtabler_selectgroup_projectmanager" $fe.SelectgroupProjectManager}}
  </div>
</div>
{{end}}

{{if hasField $fe "Fieldset"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Fieldset</h3></div>
  <div class="card-body">
    {{template "formtabler_fieldset" $fe.Fieldset}}
  </div>
</div>
{{end}}

{{if hasField $fe "CheckboxesList"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Checkboxes list</h3></div>
  <div class="card-body">
    {{template "formtabler_checkboxeslist" $fe.CheckboxesList}}
  </div>
</div>
{{end}}

{{if hasField $fe "ValidationStates"}}
<div class="card mb-3">
  <div class="card-header"><h3 class="card-title">Validation states</h3></div>
  <div class="card-body">
    {{template "formtabler_validationstates" $fe.ValidationStates}}
  </div>
</div>
{{end}}
{{end}}
