extends ../../layouts/main
block content

  include ../../components/pagination-bar
  include components/list
  include components/credit



  section(class="uk-section uk-section-default uk-section-small")
    div(class="uk-container uk-container-expand")
      div(class="uk-margin-medium")
        h2= `Author page for ${author.username}`
      div(class="uk-margin")
        div(class="uk-grid").uk-grid
          div(class="uk-width-1-1 uk-width-1-4@m uk-first-column")
            +renderUserIcon(author, author.displayName || author.username, 'large')
            if author.bio
              .uk-margin
                .uk-card.uk-card-default.uk-card-small
                  .uk-card-header.uk-text-center
                    h1.uk-card-title Bio
                  .uk-card-body
                    p.uk-flex-wrap= author.bio

          div(class="uk-width-1-1 uk-width-expand@m")
            div.uk-container
              h3.uk-margin-medium= `Posts`
                if Array.isArray(posts) && (posts.length > 0)
                  ul.uk-list.uk-list-divider
                    each post in posts
                      +renderPostSummaryFull(post)
                    .uk-card-footer
                    +renderPaginationBar(`/post/author/${author.username}`, totalPostCount )