// License: LGPL-3.0-or-later
require('../../common/pikaday-timepicker')
require('../../common/restful_resource')
const request = require('../../common/client')
const formatErr = require('../../common/format_response_error')
require('../../common/image_uploader')
require('./tour')
const dupeIt = require('../../components/duplicate_fundraiser')

dupeIt(`/nonprofits/${app.nonprofit_id}/campaigns`, app.campaign_id)

var url = '/nonprofits/' + app.nonprofit_id + '/campaigns/' + app.campaign_id
var create_supporter = require('../../nonprofits/supporters/create')
var create_offline_donation = require('../../donations/create_offline')

require('../../components/ajax/toggle_soft_delete')(url, 'campaign')

// Initialize the froala wysiwyg
var editable = require('../../common/editable')
if (app.is_parent_campaign) {
  editable($('#js-campaignBody'), {
    sticky: true,
    placeholder: "Add your campaign's story here. We strongly recommend that this section is filled out with at least 250 words. It will be saved automatically as you type. You can add images, videos and custom HTML too."
  })
}

editable($('#js-customReceipt'), {
  button: ["bold", "italic", "formatBlock", "align", "createLink",
  		"insertImage", "insertUnorderedList", "insertOrderedList",
  		"undo", "redo", "insert_donate_button", "html"]
	, placeholder: "Add optional message here. It will be saved automatically as you type."
})



var path = '/nonprofits/' + app.nonprofit_id + '/campaigns/' + app.campaign_id


appl.def('remove_banner_image', function() {
	var url = '/nonprofits/' + app.nonprofit_id + '/campaigns/' + app.campaign_id
	var notification = 'Removing banner image...'
	var payload = {remove_banner_image : true}
	appl.remove_image(url, 'campaign', notification, payload)
})

appl.def('remove_background_image', function() {
	var url = '/nonprofits/' + app.nonprofit_id + '/campaigns/' + app.campaign_id
	var notification = 'Removing background image...'
	var payload = {remove_background_image : true}
	appl.remove_image(url, 'campaign', notification, payload)
})

appl.def('count_story_words', function() {
	var wysiwyg = document.querySelector(".editable")
	appl.def('has_story', wysiwyg.textContent.split(' ').length > 60)
})

appl.def('highlight_body', function(){
	appl.def('body_is_highlighted', true)
	appl.close_modal()
})

appl.count_story_words(document.querySelector('.campaign-body'))

appl.def('track_launch', function() {
	window.location.reload()
})

appl.def('create_offline_donation', function(data, el) {
	create_supporter({supporter: data.supporter}, createSupporterUI)
		.then(function(resp) {
			data.supporter_id = resp.body.id
      delete data.supporter
			return create_offline_donation(data, createDonationUI)
		}).then(function(el){
			appl.ajax_metrics.index()
			appl.prev_elem(el).reset()
		})
})


var createSupporterUI = {
	start: function() {
		appl.is_loading()
	},
	success: function() {
		return this
	},
	fail: function(msg) {
		appl.def('error', formatErr(msg))
		appl.not_loading()
	}
}

var createDonationUI = {
	start: function() { },
	success: function(resp) {
		appl.not_loading()
		appl.close_modal()
		appl.notify('Campaign Donation Saved!')
	},
	fail: function(msg){
		appl.def('error', formatErr(msg))
		appl.not_loading()
	}
}

if(app.vimeo_id) {
  request.get('http://vimeo.com/api/v2/video/' + app.vimeo_id  + '.json')
    .end(function(err, resp){
      appl.def('vimeo_image_url', "background-image:url('" + resp.body[0].thumbnail_small + "')")
    })
}