extends ../layouts/main
block content

  section.uk-section.uk-section-primary.uk-section-xsmall
    .uk-container.uk-text-center
      h1 #{site.name} #{otpServiceName} Passcode Required
      .uk-text-large A one-time passcode is required to access #{site.name} #{otpServiceName} on this server

  section.uk-section.uk-section-default.uk-section-xsmall
    .uk-container
      form(method="POST", action="/auth/otp/auth")
        input(type="hidden", name="otp-service", value= otpServiceName)
        input(type="hidden", name="otp-redirect", value= otpRedirectURL)
        .uk-width-1-2.uk-margin-auto
          .uk-margin.uk-text-center
            label(for="otp-passcode").uk-form-label Enter passcode:
            input(
              id="otp-passcode",
              name="otp-passcode",
              type="text",
              placeholder="######",
              autocomplete="off",
            ).uk-input.uk-form-large.uk-text-center
            .uk-text-muted.uk-text-small Please enter a passcode from your authenticator app for #{site.name} #{otpServiceName}:#{user.username}

          .uk-margin.uk-text-center
            button(type="submit").uk-button.uk-button-primary.uk-border-pill Login