{{template "header" .}}

    <form class="form-signin" action="{{.URLPrefix}}/login/otp" method="post">
      {{.CSRFField}}

      <div class="row no-gutters">
          {{if .SiteLogo}}
          <div class="col-sm-auto">
            <img src="{{.URLPrefix}}/img/site_logo">
          </div>
          {{end}}
          <div class="col-sm-auto">
            <h1 class="form-signin-heading">Sign In / OTP</h1>
          </div>
      </div>

      {{if .Error}}
      <p class="error">
        Authentication failed.
      </p>
      {{end}}

      <label for="inputOTP" class="sr-only">OTP</label>
      <input type="text" id="inputOTP" name="otp" size="6" class="form-control" required autofocus autocomplete="off">

      <button type="submit" class="btn btn-primary">Login</button>

    </form>

    {{if .AuthResponse.Has2FAMethod "u2f"}}
<p>
  <a href="{{.URLPrefix}}/login?2fa=u2f">
    Use a hardware token instead.
  </a>
</p>
    {{end}}

{{template "footer" .}}