const nest = require('depnest')
const { h, computed, when } = require('mutant')
const { title: getTitle } = require('markdown-summary')
const last = require('lodash/last')
const get = require('lodash/get')

exports.gives = nest('app.page.blogShow')

exports.needs = nest({
  'about.html.avatar': 'first',
  'about.obs.name': 'first',
  'app.html.blogNav': 'first',
  'app.html.comments': 'first',
  'app.html.context': 'first',
  'contact.html.follow': 'first',
  'message.html.channel': 'first',
  'message.html.likes': 'first',
  'message.html.markdown': 'first',
  'message.html.timeago': 'first',
  'feed.obs.thread': 'first',

  'blog.html.title': 'first',
  'blog.html.content': 'first',

})

exports.create = (api) => {
  return nest('app.page.blogShow', blogShow)

  function blogShow (blogMsg) {
    // blogMsg = a thread (message, may be decorated with replies)

    const { author, content } = blogMsg.value

    const blog = api.blog.html.content(blogMsg)
    const title = api.blog.html.title(blogMsg)

    const comments = api.app.html.comments(blogMsg.key)

    const { lastId: branch } = api.feed.obs.thread(blogMsg.key)

    const { timeago, channel, markdown, compose } = api.message.html

    return h('Page -blogShow', [
      api.app.html.context({ page: 'discover' }), // HACK to highlight discover
      h('div.content', [
        h('section.top', [
          api.app.html.blogNav(location)
        ]),
        h('section.content', [
          h('header', [
            h('div.blog', [
              h('h1', title),
              timeago(blogMsg),
              channel(blogMsg),
              api.message.html.likes(blogMsg)
            ]),
            h('div.author', [
              h('div.leftCol', api.about.html.avatar(author, 'medium')),
              h('div.rightCol', [
                h('div.name', api.about.obs.name(author)),
                api.contact.html.follow(author)
              ]),
            ])
          ]),
          h('div.break', h('hr')),
          h('section.blog', blog),
          comments,
        ]),
      ])
    ])
  }
}