include ../user/components/profile-picture
section#view-content.uk-section.uk-section-default
  .uk-container
    .uk-card.uk-card-secondary.uk-card-small
      .uk-card-header
        h1.uk-card-title
          div(uk-grid).uk-grid-medium.uk-flex-middle
            .uk-width-auto.uk-text-success
              i.fas.fa-key
            .uk-width-expand Password Reset
            if process.env.NODE_ENV === 'local'
              .uk-width-auto
                .uk-text-small id: #{account._id}

      .uk-card-body
        .uk-margin
          div(uk-grid)
            div(class="uk-width-1-1 uk-width-auto@m")
              +renderProfilePicture(account, { iconClass: 'sb-large' })

            div(class="uk-width-1-1 uk-width-expand@m")
              .uk-margin
                if account.displayName
                  .uk-text-large.uk-text-bold.uk-text-truncate= account.displayName

                div(uk-grid).uk-grid-small
                  .uk-width-auto
                    .uk-form-label account
                    div= account.username

                  .uk-width-auto
                    .uk-form-label service
                    div= site.domain.split(':')[0]

              .uk-margin
                p Your password reset is complete, and you can log in now with your new password.
          
      .uk-card-footer
        .uk-flex.uk-flex-right
          .uk-width-auto
            a(href=`/welcome/login?username=${account.username}`).uk-button.dtp-button-primary.uk-border-rounded Login Now