var lightbox = require('hyperlightbox')
var h = require('hyperscript')
var u = require('../util')
var self_id = require('../keys').id
//publish or add

var plugs = require('../plugs')

exports.needs = {
  publish: 'first', message_content: 'first', avatar: 'first',
  message_meta: 'map'
}

exports.gives = 'message_confirm'

//var publish = plugs.first(exports.sbot_publish = [])
//var message_content = plugs.first(exports.message_content = [])
//var avatar = plugs.first(exports.avatar = [])
//var message_meta = plugs.map(exports.message_meta = [])
//
exports.create = function (api) {
  return function (content, cb) {

    cb = cb || function () {}

    var lb = lightbox()
    document.body.appendChild(lb)

    var msg = {
      key: "DRAFT",
      value: {
        author: self_id,
        previous: null,
        sequence: null,
        timestamp: Date.now(),
        content: content
      }
    }

    var okay = h('button', 'Publish', {onclick: function () {
      lb.remove()
      api.publish(content, cb)
    }})

    var cancel = h('button', 'Cancel', {onclick: function () {
      lb.remove()
      cb(null)
    }})

    okay.addEventListener('keydown', function (ev) {
      if(ev.keyCode === 27) cancel.click() //escape
    })

    lb.show(h('div.column.message-confirm',
      h('div.message', 
        h('div.title.row',
          h('div.avatar', api.avatar(msg.value.author, 'thumbnail')),
          h('div.message_meta.row', api.message_meta(msg))
        ),
        h('div.message_content', 
          api.message_content(msg) || h('pre', JSON.stringify(msg, null, 2))), 
        h('div.row.message-confirm__controls', okay, cancel)
      )
    ))

    okay.focus()
  }
}