extends ../layouts/main-sidebar
block content

  include ../comment/components/comment-list
  include ../comment/components/composer

  article(dtp-post-id= post._id)
    .uk-margin
      h1.article-title= post.title
      .uk-text-lead= post.summary
    .uk-margin
      .uk-article-meta
        div(uk-grid).uk-grid-small.uk-flex-top
          .uk-width-expand
            div #{moment(post.created).format('MMM DD, YYYY, hh:mm a')}, by #[a(href=`/user/${post.author._id}`)= post.author.displayName || post.author.username]
          if user && user.flags.isAdmin
            .uk-width-auto
              a(href=`/admin/post/${post._id}`)
                +renderButtonIcon('fa-pen', 'edit')
          .uk-width-auto
            +renderButtonIcon('fa-eye', displayIntegerValue(post.stats.totalViewCount))
          .uk-width-auto
            +renderButtonIcon('fa-chevron-up', displayIntegerValue(post.stats.upvoteCount))
          .uk-width-auto
            +renderButtonIcon('fa-chevron-down', displayIntegerValue(post.stats.downvoteCount))
          .uk-width-auto
            +renderButtonIcon('fa-comment', displayIntegerValue(post.stats.commentCount))
    .uk-margin
      != post.content

    if post.updated
      .uk-margin
        .uk-article-meta This post was updated on #{moment(post.updated).format('MMMM DD, YYYY, [at] hh:mm a')}.
    
    .uk-margin
      h4 Post author
      div(uk-grid).uk-grid-small
        if post.author.picture && post.author.picture.small
          .uk-width-auto
            img(src=`/image/${post.author.picture.small}`)
        .uk-width-expand
          .uk-text-bold= post.author.displayName || post.author.username
          .uk-text-small= post.author.bio

  if user && post.flags.enableComments && user.permissions.canComment
    +renderSectionTitle('Add a comment')
    
    .uk-margin
      +renderCommentComposer(`/post/${post._id}/comment`)

  if featuredComment
    #featured-comment.uk-margin-large
      .uk-margin
        +renderSectionTitle('Linked Comment')
      +renderComment(featuredComment)

  .uk-margin
    +renderSectionTitle('Comments')

  .uk-margin
    if Array.isArray(comments) && (comments.length > 0)
      ul#post-comment-list.uk-list.uk-list-divider.uk-list-large
        +renderCommentList(comments, { countPerPage, rootUrl: `/post/${post.slug}/comment` })
    else
      ul#post-comment-list.uk-list.uk-list-divider.uk-list-large
      div There are no comments at this time. Please check back later.