{{define "formtabler_selectgroup"}}
{{$group := .}}
<div class="mb-3">
  <label class="form-label">{{$group.Title}}</label>
  <div class="form-selectgroup{{if $group.Pills}} form-selectgroup-pills{{end}}">
    {{range $group.Values}}
    <label class="form-selectgroup-item">
      <input type="{{defaultVal "checkbox" $group.Type}}" name="{{defaultVal .Value .Value}}" value="{{.Value}}" class="form-selectgroup-input"{{if .Checked}} checked{{end}}>
      <span class="form-selectgroup-label">
        {{if .Icon}}
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-1">
          {{if eq .Icon "sun"}}<circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="M4.93 4.93l1.41 1.41"></path><path d="M17.66 17.66l1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="M4.93 19.07l1.41 -1.41"></path><path d="M17.66 6.34l1.41 -1.41"></path>
          {{else if eq .Icon "moon"}}<path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
          {{else if eq .Icon "cloud-rain"}}<path d="M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7"></path><path d="M11 13v2a1 1 0 0 0 2 0v-2a1 1 0 1 0 -2 0"></path><path d="M8 16v2a1 1 0 1 0 2 0v-2a1 1 0 1 0 -2 0"></path><path d="M14 16v2a1 1 0 1 0 2 0v-2a1 1 0 1 0 -2 0"></path>
          {{else if eq .Icon "cloud"}}<path d="M6.5 16.6a4.17 4.17 0 0 1 -.5 -3.8a4.5 4.5 0 0 1 5.02 -2.85a4.01 4.01 0 0 1 4.6 2.96a4.2 4.2 0 0 1 .18 2.84"></path><path d="M7 16.5a4.1 4.1 0 0 1 0 -3.3a4.5 4.5 0 0 1 5.02 -2.85a3.95 3.95 0 0 1 4.34 3.04"></path><path d="M8 16.5a3.71 3.71 0 0 1 -.28 -2.88a4.3 4.3 0 0 1 5.08 -2.59a3.6 3.6 0 0 1 3.7 3.38"></path>
          {{else if eq .Icon "home"}}<path d="M5 12l-2 0l9 -9l9 9l-2 0"></path><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path>
          {{else if eq .Icon "user"}}<path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path>
          {{else if eq .Icon "circle"}}<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
          {{else if eq .Icon "square"}}<path d="M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z"></path>
          {{end}}
        </svg>
        {{end}}
        {{.Label}}
      </span>
    </label>
    {{end}}
  </div>
</div>
{{end}}