extends ../layouts/main
block content

  include ../components/page-sidebar

  section.uk-section.uk-section-default.uk-section-small
    .uk-container
      div(uk-grid)
        .uk-width-2-3
          article(dtp-post-id= post._id)
            .uk-margin
              div(uk-grid)
                .uk-width-expand
                  h1.article-title= post.title
                if user && user.flags.isAdmin
                  .uk-width-auto
                    a(href=`/admin/post/${post._id}`).uk-button.dtp-button-text EDIT
              .uk-text-lead= post.summary
            .uk-margin
              .uk-article-meta
                div(uk-grid).uk-grid-small.uk-flex-top
                  .uk-width-expand
                    div published: #{moment(post.created).format('MMM DD, YYYY - hh:mm a').toUpperCase()}
                  .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')}.

          if user && post.flags.enableComments
            .dtp-border-bottom
              h3.uk-heading-bullet Comments
            
            .uk-margin
              form(method="POST", action=`/post/${post._id}/comment`, onsubmit="return dtp.app.submitForm(event);").uk-form
                .uk-margin
                  textarea(id="content", name="content", rows="4", placeholder="Enter comment").uk-textarea
                  .uk-text-small
                    div(uk-grid).uk-flex-between
                      .uk-width-auto You are commenting as: #{user.username}
                      .uk-width-auto 0 of 3000
                button(type="submit").uk-button.dtp-button-primary Post comment

        .uk-width-1-3
          +renderPageSidebar()