var h = require('hyperscript')
var pull = require('pull-stream')
var human = require('human-time')

var sbot = require('./scuttlebot')
var composer = require('./compose')
var tools = require('./tools')

var config = require('./config')()
var id = require('./keys').id
var avatar = require('./avatar')
var ssbAvatar = require('ssb-avatar')

var ssbKeys = require('ssb-keys')
var keys = require('./keys')

var diff = require('diff')

function hash () {
  return window.location.hash.substring(1)
}

module.exports.render = function (msg) {


  var messageExists = (document.getElementById(msg.key.substring(0, 44)) !== null);

  if (!messageExists) {
    var message = h('div.message#' + msg.key.substring(0, 44))
    //console.log(msg) 
    var messageContent = h('div.messageContent')
    message.appendChild(messageContent)
    
    pull(
      sbot.backlinks({
        query: [{$filter: {dest: msg.key}}],
        live: true,
        reverse: false,
        index: 'DTA'
      }),
      pull.drain(function (data) {
        if (data.sync) {
        } else {
          if (data.value.content.type == 'vote') {
            var subMessageExists = (document.getElementById(data.key.substring(0, 44)) !== null)
            if (msg.key == data.value.content.vote.link) {
              if (data.value.content.vote.value == 1) {
                var link = h('span', ' ', h('img.emoji', {src: config.emojiUrl + 'star.png'}), ' ', h('a', {href: '#' + data.value.content.vote.link}, tools.messageLink(data.value.content.vote.link)))
                if (!subMessageExists) {
                  message.appendChild(h('div.submessage', h('div.messageContent', tools.mini(data, link))))
                }
                if (data.value.author == id) {
                  var gotIt = document.getElementById('votebutton:' + msg.key.substring(0,44))
                  if (gotIt != null) {
                    gotIt.parentNode.appendChild(tools.unstar(msg))
                    gotIt.parentNode.removeChild(gotIt)
                  }
                }
              } else if (data.value.content.vote.value == -1) {
                var link = h('span', ' ', h('img.emoji', {src: config.emojiUrl + 'stars.png'}), ' ', h('a', {href: '#' + data.value.content.vote.link}, tools.messageLink(data.value.content.vote.link)))
                if (!subMessageExists) {
                  message.appendChild(h('div.submessage', h('div.messageContent', tools.mini(data, link))))
                }
                if (data.value.author == id) {
                  var gotIt = document.getElementById('votebutton:' + msg.key.substring(0,44))
                  if (gotIt != null) {
                    gotIt.parentNode.appendChild(tools.star(msg))
                    gotIt.parentNode.removeChild(gotIt)
                  }
                }
              }
            }
          } 
          else if (!subMessageExists) {
            if (data.value.content.type == 'post') {
              if (
                (msg.key == data.value.content.root) ||
                (msg.value.content.root == data.value.content.root)
              ) {
                message.appendChild(h('div.submessage', (exports.render(data))))
              }
            } else {
              var link = h('span', ' backlinked from ', tools.messageLink(data.key))
              message.appendChild(h('div.submessage', h('div.messageContent', tools.mini(data, link))))
            }
          } else { //console.log('message already rendered')
          }
        }
      })
    )
    
    if (msg.value.content.type == 'post') {

      messageContent.appendChild(tools.header(msg))
      
      if (msg.value.content.root) {
        messageContent.appendChild(h('span', 're: ', tools.messageLink(msg.value.content.root)))
      }

      messageContent.appendChild(h('div.message__body', tools.markdown(msg.value.content.text)))

      var buttons = h('div.buttons')

      buttons.appendChild(tools.star(msg))

      messageContent.appendChild(buttons)
      return message    
    } 

    if (msg.value.content.type == 'vote') {
      if (msg.value.content.vote.value == 1)
        var link = h('span', ' ', h('img.emoji', {src: config.emojiUrl + 'star.png'}), ' ', h('a', {href: '#' + msg.value.content.vote.link}, tools.messageLink(msg.value.content.vote.link)))
      else if (msg.value.content.vote.value == -1)
        var link = h('span', ' ', h('img.emoji', {src: config.emojiUrl + 'stars.png'}), ' ', h('a', {href: '#' + msg.value.content.vote.link}, tools.messageLink(msg.value.content.vote.link)))
      messageContent.appendChild(tools.mini(msg, link))
      return message
    }

    if (msg.value.content.type == 'about') {
      if (msg.value.content.image) {
        var image = h('span.avatar--small',
          ' identified ',
          h('a', {href: '#' + msg.value.content.about}, avatar.cachedName(msg.value.content.about)),
          ' as ',
          h('img', {src: config.blobsUrl + msg.value.content.image.link})
        )
        messageContent.appendChild(tools.mini(msg, image))
        return message
      }
      if (msg.value.content.name) {
        var name = h('span',
          ' identified ',
          h('a', {href: '#' + msg.value.content.about}, avatar.cachedName(msg.value.content.about)),
          ' as ', msg.value.content.name
          )
        messageContent.appendChild(tools.mini(msg, name))
        return message
      }
    }

    if (msg.value.content.type == 'label'){
      var content = h('span', ' labeled ', tools.messageLink(msg.value.content.link), ' as ', h('mark', h('a', {href: '#label/' + msg.value.content.label}, msg.value.content.label)))
      messageContent.appendChild(tools.mini(msg, content))
      return message
    }

    if (msg.value.content.type == 'queue') {
      if (msg.value.content.queue == true) {
        var content = h('span', ' added ', tools.messageLink(msg.value.content.message), ' to their ', h('a', {href: '#queue'}, 'queue'))
        messageContent.appendChild(tools.mini(msg, content))
      }
      if (msg.value.content.queue == false) {
        var content = h('span', ' removed ', tools.messageLink(msg.value.content.message), ' from their ', h('a', {href: '#queue'}, 'queue'))
        messageContent.appendChild(tools.mini(msg, content))

      }
      return message
    }

    if (msg.value.content.type == 'scat_message') {
      var src = hash()
      if (src != 'backchannel') {
        messageContent.appendChild(h('button.btn.right', h('a', {href: '#backchannel'}, 'Chat')))
      }
      messageContent.appendChild(tools.mini(msg, ' ' + msg.value.content.text))
      return message
    }

    else if (msg.value.content.type == 'contact') {
      if (msg.value.content.contact) {
        var contact = h('a', {href: '#' + msg.value.content.contact}, avatar.name(msg.value.content.contact))
      } else { var contact = h('p', 'no contact named')}

      if (msg.value.content.following == true) {
        var following = h('span', ' follows ', contact)
        messageContent.appendChild(tools.mini(msg, following))
      }
      if (msg.value.content.following == false) {
        var unfollowing = h('span', ' unfollows ', contact)
        messageContent.appendChild(tools.mini(msg, unfollowing))
      }
      if (msg.value.content.blocking == true) {
        var blocking = h('span', ' blocks ', contact)
        messageContent.appendChild(tools.mini(msg, blocking))
      }
      if (msg.value.content.blocking == false) {
        var unblocking = h('span', ' unblocks ', contact)
        messageContent.appendChild(tools.mini(msg, unblocking))
      }
      return message

    }


    if (msg.value.content.type == 'git-update') {

      messageContent.appendChild(tools.header(msg))

      var reponame = h('p', 'pushed to ', h('a', {href: '#' + msg.value.content.repo}, msg.value.content.repo))

      var cloneurl = h('pre', 'git clone ssb://' + msg.value.content.repo)

      messageContent.appendChild(reponame)

      ssbAvatar(sbot, id, msg.value.content.repo, function (err, data) {
        if (data) {
          var actualname = h('p', 'pushed to ', h('a', {href: '#' + msg.value.content.repo}, '%' + data.name))
          reponame.parentNode.replaceChild(actualname, reponame)
        }
      })

      messageContent.appendChild(cloneurl)

      var commits = h('ul')
      if (msg.value.content.commits) {
        msg.value.content.commits.map(function (commit) {
          commits.appendChild(h('li', h('code', commit.sha1), ' - ', commit.title))
        })
      }

      messageContent.appendChild(commits)

      return message
    }

    if (msg.value.content.type == 'git-repo') {
      messageContent.appendChild(tools.header(msg))

      var reponame = h('p', 'git-ssb repo ', h('a', {href: '#' + msg.key}, msg.key))

      messageContent.appendChild(reponame)

      ssbAvatar(sbot, id, msg.key, function (err, data) {
        if (data)
         var actualname = h('p', 'git-ssb repo ', h('a', {href: '#' + msg.key}, '%' + data.name))
         reponame.parentNode.replaceChild(actualname, reponame)
      })

      var cloneurl = h('pre', 'git clone ssb://' + msg.key)
      messageContent.appendChild(cloneurl)
      return message
    }

    if (typeof msg.value.content === 'string') {
      var unboxed = ssbKeys.unbox(msg.value.content, keys)
      if (unboxed) {
        msg.value.content = unboxed
        msg.value.private = true
        return exports.render(msg)
      } else {
        var privateMsg = h('span', ' sent a private message.')
        messageContent.appendChild(tools.mini(msg, privateMsg))
        return message
      }
    }

    else {
      //FULL FALLBACK
      //message.appendChild(tools.header(msg))
      messageContent.appendChild(tools.header(msg))
      messageContent.appendChild(h('pre', tools.rawJSON(msg.value)))

      //MINI FALLBACK
      //var fallback = h('span', ' ' + msg.value.content.type)
      //message.appendChild(tools.mini(msg, fallback))
      return message
    }
  }
}