{{define "title"}}Account configuration |{{end}}

{{define "body"}}
<div class="d-flex">
  <h4>Configure account</h4>
  <a class="ml-auto btn btn-info" href="/">Go back</a>
</div>

{{if .ErrorMessage}}
  <div class="alert alert-danger mt-4">An error occurred.
    <div style="font-size: 0.8em">{{ .ErrorMessage }}</div>
  </div>
{{end}}

<form method="POST" class="mt-4">
  <div class="form-group">
    <label for="name">Account name:</label>
    <input type="text" {{if .NameEditable}}{{else}}disabled="disabled"{{end}} id="name" name="name" class="form-control" value="{{ .Name }}" />
    {{if .InvalidName}}
    <div class="alert alert-warning">Invalid name (must not be empty)</div>
    {{end}}
  </div>
  <div class="form-group">
    <label>Protocol:</label>
    <input type="text" disabled="disabled" class="form-control" value="{{ .Protocol }}" />
  </div>
  {{$config := .Config}}
  {{$errors := .Errors}}
  {{range $i, $schema := .Schema}}
    <div class="form-group">
      <label for="{{$schema.Name}}">{{$schema.Description}}:</label>
      {{if $schema.FixedValue}}
        <input type="text"
               disabled="disabled"
               class="form-control"
               name="{{$schema.Name}}"
               id="{{$schema.Name}}"
               value="{{index $config $schema.Name}}" />
      {{else if $schema.IsBoolean}}
        {{$value := index $config $schema.Name}}
        <label for="{{$schema.Name}}-true">
          <input type="radio" name="{{$schema.Name}}" id="{{$schema.Name}}-true" value="true" {{if eq $value "true"}}checked="checked"{{end}} />
          Yes
        </label>
        <label for="{{$schema.Name}}-false">
          <input type="radio" name="{{$schema.Name}}" id="{{$schema.Name}}-false" value="false" {{if eq $value "false"}}checked="checked"{{end}} />
          No
        </label>
      {{else if $schema.IsPassword}}
        <input type="password"
               class="form-control"
               name="{{$schema.Name}}"
               id="{{$schema.Name}}"
               placeholder="(not modified if left empty)" />
      {{else if $schema.IsNumeric}}
        <input type="number"
               class="form-control"
               name="{{$schema.Name}}"
               id="{{$schema.Name}}"
               value="{{index $config $schema.Name}}" />
      {{else}}
        <input type="text"
               class="form-control"
               name="{{$schema.Name}}"
               id="{{$schema.Name}}"
               value="{{index $config $schema.Name}}" />
      {{end}}
      {{$error := index $errors $schema.Name}}
      {{if $error}}
        <div class="alert alert-warning mt-2">{{$error}}</div>
      {{end}}
    </div>
  {{end}}
  <button type="submit" class="btn btn-primary">Save configuration</button>
</form>

{{end}}