{{ template "header.tmpl" . }}
<div class='list'>
  {{range $token, $tokenData := .Tokens}}

  <div class='list-item'>
    {{ if eq $tokenData.Client "" }}
    <span class='token'>{{$token}} (Owner: {{$tokenData.Owner}}) (Client: Any)</span>
    <a href='/login?access_token={{$token}}'>Login link</a>
    <img class='qr-code' src='{{index $.QrCodes $token}}' width=100 height=100>
    {{ else }}
    <span class='token'>{{$token}} (Owner: {{$tokenData.Owner}}) (Client: {{$tokenData.Client}})</span>
    {{ end }}
    <a href="/confirm-delete-token?token={{$token}}">
      <button class='button'>Delete</button>
    </a>
  </div>
  {{end}}
</div>

<div class='token-adder'>
  <form action="/add-token-client" method="POST">
     <label for="token-owner">Owner:</label>
     <select id="token-owner" name="owner">
       {{range $username, $user := .Users}}
       <option value="{{$username}}">{{$username}}</option>
       {{end}}
     </select>
     <button class='button' type="submit">Add Token</button>
  </form>
</div>
{{ template "footer.tmpl" . }}