Template.stats.helpers({
	conditions: function() {
		return Conditions.find({charId: this._id});
	},
	buffs: function() {
		var selector = {
			"charId": this._id,
		};
		return Buffs.find(selector);
	},
	// New user experience
	shouldSpeedBounce: function(){
		return Session.get("newUserExperienceStep") === 2;
	},
})

Template.stats.events({
	"click .stat-card": function(event, instance){
		var charId = instance.data._id;
		if (this.isSkill){
			pushDialogStack({
				template: "skillDialog",
				data: {
					name: this.name,
					skillName: this.stat,
					charId: charId,
					color: this.color,
				},
				element: event.currentTarget,
			});
		} else {
			pushDialogStack({
				template: "attributeDialog",
				data: {
					name: this.name,
					statName: this.stat,
					charId: charId,
					color: this.color,
				},
				element: event.currentTarget,
			});
		}
	},
	"click .ability-mini-card": function(event, instance){
		var charId = Template.parentData()._id;
		var template = "attributeDialog";
		if (this.ability === "strength") template = "strengthDialog";
		pushDialogStack({
			template: template,
			data: {
				name: this.title,
				statName: this.ability,
				charId: charId,
				color: this.color,
			},
			element: event.currentTarget,
		});
	},
	"tap .skill-row": function(event, instance){
		var skill = this.skill;
		var charId = instance.data._id;
		pushDialogStack({
			template: "skillDialog",
			data: {
				name: this.name,
				skillName: skill,
				charId: charId,
			},
			element: event.currentTarget,
		});
	},
	"tap .hitPointTitle": function(event, instance) {
		pushDialogStack({
			template: "attributeDialog",
			data: {
				name: "Hit Points",
				statName: "hitPoints",
				charId: this._id,
				color: "green",
			},
			element: event.currentTarget.parentElement.parentElement,
		});
	},
	"click #addCondition": function(event, template){
		pushDialogStack({
			template: "conditionLibraryDialog",
			element: event.currentTarget,
			callback: (result) => {
				if (!result) {
					return;
				} else Meteor.call("giveCondition", this._id, result)
			},
			//returnElement: () => $(`[data-id='${itemId}']`).get(0),
		})
	},
});