var h = require('hyperscript')
var plugs = require('../plugs')
var pull = require('pull-stream')

var avatar_image_link = plugs.first(exports.avatar_image_link = [])
var avatar_action = plugs.map(exports.avatar_action = [])
var avatar_edit = plugs.first(exports.avatar_edit = [])

var follows = plugs.first(exports.follows = [])
var followers = plugs.first(exports.followers = [])

function streamToList(stream, el) {
  pull(
    stream,
    pull.drain(function (item) {
      if(item) el.appendChild(item)
    })
  )
  return el
}

function image_link (id) {
  return avatar_image_link(id, 'thumbnail')
}

exports.avatar_profile = function (id) {

  var follows_el = h('div.profile__follows.wrap')
  var friends_el = h('div.profile__friendss.wrap')
  var followers_el = h('div.profile__followers.wrap')
  var a, b

  pull(follows(id), pull.unique(), pull.collect(function (err, ary) {
    a = ary || []; next()
  }))
  pull(followers(id), pull.unique(), pull.collect(function (err, ary) {
    b = ary || {}; next()
  }))

  function next () {
    if(!(a && b)) return
    var _c = [], _a = [], _b = []

    a.forEach(function (id) {
      if(!~b.indexOf(id)) _a.push(id)
      else               _c.push(id)
    })
    b.forEach(function (id) {
      if(!~_c.indexOf(id)) _b.push(id)
    })
    function add (ary, el) {
      ary.forEach(function (id) { el.appendChild(image_link(id)) })
    }

    add(_a, follows_el)
    add(_c, friends_el)
    add(_b, followers_el)
  }


  return h('div.column.profile',
    avatar_edit(id),
    avatar_action(id),
    h('div.profile__relationships.column',
      h('strong', 'follows'),
      follows_el,
      h('strong', 'friends'),
      friends_el,
      h('strong', 'followers'),
      followers_el
    )
  )
}