{{define "content"}}
{{if .Success}}
<article>
  <h1>{{TTheme $.LangCode "forms.public.thank_you"}}</h1>
  <p>{{if .Form.SuccessMessage.Valid}}{{.Form.SuccessMessage.String}}{{else}}{{TTheme $.LangCode "forms.public.default_success"}}{{end}}</p>
  <p><a href="{{.LangPrefix}}/forms/{{.Form.Slug}}">{{TTheme $.LangCode "forms.public.submit_another"}}</a></p>
</article>
{{else}}
<article>
  <h1>{{.Form.Title}}</h1>
  {{if .Form.Description.Valid}}{{if .Form.Description.String}}<p class="muted">{{.Form.Description.String}}</p>{{end}}{{end}}
  {{if index .Errors "_form"}}<p class="form-error">{{index .Errors "_form"}}</p>{{end}}
  {{if index .Errors "_captcha"}}<p class="form-error">{{index .Errors "_captcha"}}</p>{{end}}
  <form method="POST" action="{{.LangPrefix}}/forms/{{.Form.Slug}}" class="public-form">
    <div class="sr-only">
      <label for="_website">{{TTheme $.LangCode "forms.public.honeypot_label"}}</label>
      <input type="text" name="_website" id="_website" tabindex="-1" autocomplete="off">
    </div>
    {{range .Fields}}
    {{if eq .Type "captcha"}}
    {{if hcaptchaEnabled}}<div class="form-group">{{hcaptchaWidget}}</div>{{end}}
    {{else}}
    <div class="form-group">
      <label for="field_{{.ID}}">{{.Label}}{{if .IsRequired}} <span class="required">*</span>{{end}}</label>
      {{if eq .Type "textarea"}}
      <textarea id="field_{{.ID}}" name="{{.Name}}" rows="5"{{if .IsRequired}} required{{end}}{{if .Placeholder.Valid}} placeholder="{{.Placeholder.String}}"{{end}}>{{index $.Values .Name}}</textarea>
      {{else if eq .Type "select"}}
      <select id="field_{{.ID}}" name="{{.Name}}"{{if .IsRequired}} required{{end}}>
        <option value="">{{TTheme $.LangCode "forms.public.select_default"}}</option>
        {{$selected := index $.Values .Name}}
        {{range parseJSON .Options.String}}<option value="{{.}}"{{if eq . $selected}} selected{{end}}>{{.}}</option>{{end}}
      </select>
      {{else if or (eq .Type "radio") (eq .Type "checkbox")}}
      {{$name := .Name}}{{$type := .Type}}{{$selected := index $.Values .Name}}
      {{range parseJSON .Options.String}}
      <label><input type="{{$type}}" name="{{$name}}" value="{{.}}"{{if contains $selected .}} checked{{end}}> {{.}}</label>
      {{end}}
      {{else if eq .Type "file"}}
      <input type="file" id="field_{{.ID}}" name="{{.Name}}"{{if .IsRequired}} required{{end}}>
      {{else}}
      <input type="{{if or (eq .Type "email") (eq .Type "number") (eq .Type "date")}}{{.Type}}{{else}}text{{end}}" id="field_{{.ID}}" name="{{.Name}}" value="{{index $.Values .Name}}"{{if .IsRequired}} required{{end}}{{if .Placeholder.Valid}} placeholder="{{.Placeholder.String}}"{{end}}>
      {{end}}
      {{if .HelpText.Valid}}{{if .HelpText.String}}<small class="muted">{{.HelpText.String}}</small>{{end}}{{end}}
      {{if index $.Errors .Name}}<p class="form-error">{{index $.Errors .Name}}</p>{{end}}
    </div>
    {{end}}
    {{end}}
    <button type="submit">{{TTheme $.LangCode "forms.public.submit"}}</button>
  </form>
</article>
{{end}}
{{end}}