_ = require 'underscore'
{ randomVal } = require './helpers'
{ pets, hatchingPotions } = require('./items').items

###
  Listeners to enabled flags, set notifications to the user when they've unlocked features
###

module.exports.app = (appExports, model) ->
  user = model.at('_user')

  alreadyShown = (before, after) ->
    debugger
    !(!before and after is true)

  showPopover = (selector, title, html, placement='bottom') ->
    $(selector).popover('destroy')
    html += " <a href='#' onClick=\"$('#{selector}').popover('hide');return false;\">[Close]</a>"
    $(selector).popover({
      title: title
      placement: placement
      trigger: 'manual'
      html: true
      content: html
    }).popover 'show'


  user.on 'set', 'flags.customizationsNotification', (after, before) ->
    return if alreadyShown(before,after)
    $('.main-herobox').popover('destroy') #remove previous popovers
    html = "Click your avatar to customize your appearance."
    showPopover '.main-herobox', 'Customize Your Avatar', html, 'bottom'

  user.on 'set', 'flags.itemsEnabled', (after, before) ->
    return if alreadyShown(before,after)
    html = """
           <img src='/vendor/BrowserQuest/client/img/1/chest.png' />
           Congratulations, you have unlocked the Item Store! You can now buy weapons, armor, potions, etc. Read each item's comment for more information.
           """
    showPopover 'div.rewards', 'Item Store Unlocked', html, 'left'

  user.on 'set', 'flags.petsEnabled', (after, before) ->
    return if alreadyShown(before,after)
    html = """
           <img src='/img/sprites/wolf_border.png' style='width:30px;height:30px;float:left;padding-right:5px' />
           You have unlocked Pets! You can now buy pets with tokens (note, you replenish tokens with real-life money - so chose your pets wisely!)
           """
    showPopover '#rewardsTabs', 'Pets Unlocked', html, 'left'

  user.on 'set', 'flags.partyEnabled', (after, before) ->
    return if user.get('party.current') or alreadyShown(before,after)
    $('.user-menu').popover('destroy') #remove previous popovers
    html = """
           <img src='/img/party-unlocked.png' style='float:right;padding:5px;' />
           Be social, join a party and play Habit with your friends! You'll be better at your habits with accountability partners. LFG anyone?
           """
    showPopover '.user-menu', 'Party System', html, 'bottom'

  user.on 'set', 'flags.dropsEnabled', (after, before) ->
    return if alreadyShown(before,after)

    egg = randomVal pets

    dontPersist =  model._dontPersist

    model._dontPersist = false
    user.push 'items.eggs', egg
    model._dontPersist = dontPersist

    $('#drops-enabled-modal').modal 'show'