extends ../layouts/focused
block content

  section.uk-section.uk-section-default.uk-section-xsmall
    .uk-container.uk-container-small
      form(method="POST", action="/auth/login").uk-form
        .uk-card.uk-card-default.uk-card-small.uk-width-xlarge.uk-margin-auto.uk-border-rounded
          .uk-card-header
            h1.uk-card-title Member Login

          .uk-card-body
            fieldset.uk-fieldset
              .uk-margin-small
              div(uk-grid)
                .uk-width-1-3
                  img(src=`/img/icon/${site.domainKey}/icon-256x256.png`).responsive.uk-border-rounded
                .uk-width-expand
                  if loginResult
                    div(uk-alert).uk-alert.uk-alert-danger= loginResult
                  .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="password", class="uk-visible@m").uk-form-label Password
                    input(id="password", name="password", type="password", placeholder="Enter password").uk-input

          .uk-card-footer
            div(uk-grid).uk-grid-small.uk-flex-middle
              .uk-width-expand
                +renderBackButton()
              .uk-width-auto
                a(href="/").uk-text-muted Forgot password
              .uk-width-auto
                button(type="submit").uk-button.dtp-button-primary Login