{{define "title"}}Sign T5DE in{{end}}
{{define "content"}}
<div class="panel narrow">
  {{if .Approved}}
  <h1>T5DE is signed in</h1>
  <p class="muted">You can close this page and go back to T5DE.</p>
  {{else}}
  <h1>Sign T5DE in</h1>
  <p class="muted">Enter the code T5DE shows, to sign it in as {{.Person.Username}}.</p>
  {{if .Error}}<div class="error">{{.Error}}</div>{{end}}
  <form method="post" action="/device">
    <input type="hidden" name="csrf" value="{{.CSRF}}">
    <label for="code">Code</label>
    <input type="text" id="code" name="code" value="{{.Code}}" placeholder="XXXX-XXXX" required autofocus autocomplete="off">
    <div class="actions"><button>Sign in</button></div>
  </form>
  <p class="muted small">Only enter a code you got from T5DE yourself.</p>
  {{end}}
</div>
{{end}}