const h = require('mutant/h')
const nest = require('depnest')
const extend = require('xtend')
const ref = require('ssb-ref')
const addContextMenu = require('../../../../message/html/decorate/context-menu')

exports.needs = nest({
  'message.html': {
    layout: 'first'
  },
  'about.obs.latestValue': 'first'
})

exports.gives = nest('message.html', {
  canRender: true,
  render: true
})

exports.create = function (api) {
  return nest('message.html', {
    canRender: isRenderable,
    render: function about (msg, opts) {
      if (!isRenderable(msg)) return

      const action = msg.value.content.attendee.remove ? 'can\'t attend' : 'is attending'
      const target = msg.value.content.about
      const title = api.about.obs.latestValue(target, 'title')
      const element = api.message.html.layout(msg, extend({
        showActions: true,
        miniContent: [action, ' ', h('a', {
          href: target
        }, title)],
        layout: 'mini'
      }, opts))

      return addContextMenu(element, {
        msg
      })
    }
  })

  function isRenderable (msg) {
    if (msg.value.content.type !== 'about') return
    if (!ref.isMsg(msg.value.content.about)) return
    if (!msg.value.content.attendee) return
    if (msg.value.content.attendee.link !== msg.value.author) return
    return true
  }
}