{{ template "header.html" . }}

<div class="theme-panel">
  <h2 class="theme-heading">Enter user code</h2>
  <form method="post" action="{{ .PostURL }}">
    <div class="theme-form-row">
      {{ if( .UserCode  )}}
      <input tabindex="2" required id="user_code" name="user_code" type="text" class="theme-form-input" autocomplete="off" value="{{.UserCode}}" {{ if .Invalid }} autofocus {{ end }}/>
      {{ else }}
      <input tabindex="2" required id="user_code" name="user_code" type="text" class="theme-form-input" placeholder="XXXX-XXXX" autocomplete="off"  {{ if .Invalid }} autofocus {{ end }}/>
      {{ end }}
    </div>

    {{ if .Invalid }}
    <div id="login-error" class="dex-error-box">
      Invalid or expired user code.
    </div>
    {{ end }}
    <button tabindex="3" id="submit-login" type="submit" class="dex-btn theme-btn--primary">Submit</button>
  </form>
</div>

{{ template "footer.html" . }}