require('parsleyjs')

const render = require('ff-core/render')
const donate = require('./wizard')
const snabbdom = require('snabbdom')
const flyd = require('flyd')
const R = require('ramda')
const url = require('url')

const request = require('../../common/request')

const patch = snabbdom.init([
  require('snabbdom/modules/eventlisteners')
, require('snabbdom/modules/class')
, require('snabbdom/modules/props')
, require('snabbdom/modules/style')
])

const params = url.parse(location.href, true).query
const params$ = flyd.stream(params)
app.params$ = params$
if(params.campaign_id && params.gift_option_id) {
  setGiftOptionParams(params.campaign_id, params.gift_option_id)
}

// Listen to postMessages to change params
window.addEventListener('message', receiveMessage, false)
function receiveMessage(event) {
  var ps
  try { ps = JSON.parse(event.data) }
  catch(e) {}
  if(ps && ps.sender === 'commitchange') {
    if (ps.command) {
      var event = new CustomEvent('message:'+ps.command,{data:ps});
      container.dispatchEvent(event);
    }
    if(ps.command === 'setDonationParams') {
      params$(ps)
      // Fetch the gift option data if they passed a gift option id
      if(ps.campaign_id && ps.gift_option_id) {
        setGiftOptionParams(ps.campaign_id, ps.gift_option_id)
      }
    }
  }
}

// Given a gift option id, make a request to get its full data and set the other params accordingly
function setGiftOptionParams(campaign_id, gift_id) {
  flyd.map(
    resp => {
      if(resp.status !== 200) return
      var gift_option = resp.body.data
      var params = params$()
      params.gift_option = gift_option
      params.single_amount = (gift_option.amount_one_time || gift_option.amount_recurring) / 100
      if(params.type === 'recurring' && gift_option.amount_recurring) {
        params.single_amount = gift_option.amount_recurring / 100
      } else if(!gift_option.amount_one_time && gift_option.amount_recurring) {
        params.type = 'recurring'
      } else if(params.type === 'recurring' && !gift_option.amount_recurring) {
        params.type = undefined
      }
      params$(params)
    }
  , request({
      method: 'get'
    , path: `/nonprofits/${ENV.nonprofitID}/campaigns/${campaign_id}/campaign_gift_options/${gift_id}`
    }).load
  )
}

var state = donate.init(params$)
var container = document.querySelector('.js-donateForm')
if(app.nonprofit.plan_tier > 0) {
  $(".donationWizard").trigger("render:pre");
  var event = new CustomEvent('render:pre');
  container.parentNode.dispatchEvent(event);
  render({patch, view: donate.view, state, container})
  jQuery(function($){
  $(".donationWizard").trigger("render:post").addClass("displayed-updated");
  });
//  event = new CustomEvent('render:post');
//  container.parentNode.dispatchEvent(event);
}