extends ../layout/main
block view-content

  form(method="POST", action="/auth/forgot-password").uk-form
    input(type="hidden", name= csrfForgotPassword.name, value= csrfForgotPassword.token)
    section.uk-section.uk-section-default
      .uk-container
        fieldset.uk-fieldset
          legend(class="uk-text-center uk-text-left@m").uk-legend Forgot Password
          p Enter the username or email address of the account for which you have lost the password. An email will be sent to the email address on file for the account with instructions for how to proceed.

          .uk-margin
            label(for="username", class="uk-visible@m").uk-form-label Username or email address
            input(id="username", name="username", type="text", placeholder="Enter username or email address").uk-input

          .uk-margin
            label(for="captcha").uk-form-label Prove you're human
            div(uk-grid).uk-grid-small
              div(class="uk-width-1-1 uk-width-auto@m")
                div(style="background-color: #e8e8e8;").uk-text-center!= captcha.data
              div(class="uk-width-1-1 uk-width-expand@m")
                input(id="captcha", name="captcha", type="text", placeholder="Enter the text shown").uk-input
                .uk-text-small.uk-text-muted The text may include upper-case and lower-case letters and numbers.

    section.uk-section.uk-section-secondary.uk-section-xsmall
      .uk-container
        .uk-margin
          .uk-flex.uk-flex-center
            button(type="submit").uk-button.dtp-button-primary Request Password Reset