var h = require('mutant/h')
var nest = require('depnest')
var extend = require('xtend')

exports.needs = nest({
  'message.html': {
    decorate: 'reduce',
    layout: 'first'
  },
  'intl.sync.i18n': 'first',
})

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

exports.create = function(api) {
  const i18n = api.intl.sync.i18n
  return nest('message.html', {
    canRender: isRenderable,
    render: function (msg, opts) {
      if (!isRenderable(msg)) return
      var element = api.message.html.layout(msg, extend({
        miniContent: messageContent(msg),
        layout: 'mini'
      }, opts))

      return api.message.html.decorate(element, {
        msg
      })
    }
  })

  function messageContent(msg) {
    var channel = `#${msg.value.content.channel}`
    var subscribed = msg.value.content.subscribed
    return [
      subscribed ? i18n('subscribed to ') : i18n('unsubscribed from '),
      h('a', {
        href: channel
      }, channel)
    ]
  }
}

function isRenderable(msg) {
  return msg.value.content.type === 'channel' ? true : undefined
}