import './Label.html';
import swal from 'sweetalert2';
import dragula from 'dragula';

//******************************************************************
//** Creates printable labels for a roll style printer.
//******************************************************************

let PREFIX = "LabelMaker_";

Template.LabelMaker.onCreated(function() {
});
Template.LabelMaker.onRendered(function() {
	let template = this;
});
Template.LabelMaker.onDestroyed(function() {
});
Template.LabelMaker.events({
	'change .title1': function(event, template) {
		Session.set(PREFIX + "title1", $(event.target).val());
	},
	'change .title2': function(event, template) {
		Session.set(PREFIX + "title2", $(event.target).val());
	},
	'change .ingredients': function(event, template) {
		Session.set(PREFIX + "ingredients", $(event.target).val());
	},
	'change .date': function(event, template) {
		Session.set(PREFIX + "date", parseInt($(event.target).val()));
	},
	'click .generate': function(event, template) {
	
	}
});
Template.LabelMaker.helpers({
	title1: function() {return Session.get(PREFIX + "title1")},
	title2: function() {return Session.get(PREFIX + "title2")},
	ingredients: function() {return Session.get(PREFIX + "ingredients")},
	date: function() {return Session.get(PREFIX + "date")},
	labelText: function() {
		return "<div class='title1'>" + Session.get(PREFIX + "title1") + "</div>" +
			"<div class='title2'>" + Session.get(PREFIX + "title2") + "</div>" +
			"<div class='ingredients'><span class='ingredientsPrefix'>Ingredients</span>:" + Session.get(PREFIX + "ingredients") + "</div>" +
			"<div class='ingredientsEnding'>*<span style='font-style: oblique'>grown by us</span> <span class='size'>8oz</span> FD1951 (" + Session.get(PREFIX + "date") + ")</div>" +
			"<div class='instructions'>Refrigerate after opening; return jar when done</div>" +
			"<div class='address'>18601 Hwy 128, Yorkville, CA 95494</div>" +
			"<div class='website'>www.PetitTeton.com</div>";
	}
});

Template.Labels.onCreated(function() {
});
Template.Labels.onRendered(function() {
	let template = this;
});
Template.Labels.onDestroyed(function() {
});
Template.Labels.events({
});
Template.Labels.helpers({
	labels: function() {return Session.get(PREFIX + "labels")},
	title2: function() {return Session.get(PREFIX + "title2")},
	ingredients: function() {return Session.get(PREFIX + "ingredients")},
	date: function() {return Session.get(PREFIX + "date")},
	labelText: function() {
		return "<div class='title1'>" + Session.get(PREFIX + "title1") + "</div>" +
			"<div class='title2'>" + Session.get(PREFIX + "title2") + "</div>" +
			"<div class='ingredients'><span class='ingredientsPrefix'>Ingredients</span>:" + Session.get(PREFIX + "ingredients") + "</div>" +
			"<div class='ingredientsEnding'>*<span style='font-style: oblique'>grown by us</span> <span class='size'>8oz</span> FD1951 (" + Session.get(PREFIX + "date") + ")</div>" +
			"<div class='instructions'>Refrigerate after opening; return jar when done</div>" +
			"<div class='address'>18601 Hwy 128, Yorkville, CA 95494</div>" +
			"<div class='website'>www.PetitTeton.com</div>";
	}
});