{{define "title"}}Edit Status — Admin{{end}}

{{define "content"}}
<div class="admin-wrap">
  <div class="admin-header">
    <h1>Service Status</h1>
    <div class="admin-actions">
      <a href="/admin" class="btn btn-outline">Back</a>
      <a href="/status" class="btn btn-outline">View Status Page</a>
    </div>
  </div>

  {{if .Flash}}
  <p class="flash-msg">{{.Flash}}</p>
  {{end}}

  {{if .Error}}
  <p class="form-error">{{.Error}}</p>
  {{end}}

  {{if .Page}}
  <form method="POST" action="/admin/status">
    <table class="hw-table status-editor-table">
      <thead>
        <tr>
          <th>Service</th>
          <th>Status</th>
          <th>Note</th>
        </tr>
      </thead>
      <tbody>
        {{range $i, $s := .Page.Services}}
        <tr>
          <td>
            <span class="status-editor-name">{{$s.Name}}</span>
            {{if $s.Description}}<span class="hw-spec">{{$s.Description}}</span>{{end}}
          </td>
          <td>
            <select name="status_{{$i}}" class="status-select status-select-{{$s.Status}}">
              <option value="up"       {{if eq $s.Status "up"}}selected{{end}}>up</option>
              <option value="degraded" {{if eq $s.Status "degraded"}}selected{{end}}>degraded</option>
              <option value="down"     {{if eq $s.Status "down"}}selected{{end}}>down</option>
              <option value="unknown"  {{if eq $s.Status "unknown"}}selected{{end}}>unknown</option>
            </select>
          </td>
          <td>
            <input type="text" name="note_{{$i}}" value="{{$s.Note}}" placeholder="Optional note&hellip;" class="status-note-input">
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>

    <div class="editor-footer">
      <button type="submit" class="btn">Save</button>
      {{if .Page.LastChecked}}
      <span class="status-last-checked">Last auto-checked: {{.Page.LastChecked.Format "2006-01-02 15:04 UTC"}}</span>
      {{end}}
    </div>
  </form>
  {{end}}
</div>
{{end}}