extends layout/layout.pug

block form-header
  <h1>Sign in</h1>
  <img class="header-img" src="../img/padlock.png" alt="">

block content
    p Hi <b>#{username}</b>, please complete second factor or <a href="/logout">logout</a>.
    <div class="notification notification-totp"></div>
    <form class="form-signin totp">
        <div class="form-inputs">
            <input type="text" autocomplete="off" class="form-control" id="token" placeholder="Token" required autofocus>
        </div>
        <button class="btn btn-lg btn-primary btn-block totp-button" type="submit">TOTP</button>
        a(href=totp_identity_start_endpoint, class="pull-right link register-totp") Need to register?
        <span class="clearfix"></span>
    </form>
    <hr>
    <div class="notification notification-u2f"></div>
    <form class="form-signin u2f">
        <button class="btn btn-lg btn-primary btn-block u2f-button" type="submit">U2F</button>
        a(href=u2f_identity_start_endpoint, class="pull-right link register-u2f") Need to register?
        <span class="clearfix"></span>
    </form>

block entrypoint
    <script>
    | authelia.secondfactor();
    </script>