{{ define "content" }}
<div class="column">
  <h2>Your existing SSH keys</h2>
  <ul class="unstyled">
    {{ $csrf := .CsrfField }}
  {{ range .SSHKeys }}
  <li class="sshkey">
    <form method="post" action="">
      <span class="sshfingerprint">{{ .Fingerprint }} {{ .Comment }}</span>
      {{ $csrf }}
      <input type="hidden" name="sshkey" value="{{ . }}">
      <input type="submit" name="delete" value="&#x274C;" class="btn-delete">
    </form>
    <label for="show_full_{{.KeyEnd}}" class="keyend" title="Click for full key">Key ends in: {{ .KeyEnd }}</label>
    <input id="show_full_{{.KeyEnd}}" type="radio" name="showfull" value="full" class="hidden">
    <label class="fullkey">{{ . }} <input type="radio" name="showfull" value="end" class="hidden"></label>
  </li>
  {{ end }}
  </ul> 
</div>
<form method="post" autocomplete="off" class="column">
  {{ $csrf }}
  <p>Paste your SSH public keys (one key per line):</p>
  <textarea name="ssh_keys"></textarea>
  <input name="add_key" type="submit" class="form-element form-button" />
</form>

<div class="column full">
  <a href="{{.BasePath}}/">Back</a>
</div>
{{ end }}