poolData = {};
var moduleObj;

Module.register("MMM-ScreenLogic",{
	defaults: {
		showPoolTemp: true,
		showSpaTemp: true,
		showPH: true,
		showOrp: true,
		showSaltLevel: true,
		showSaturation: true,
		showFreezeMode: true,
		showControls: false,
		controls: [],
		colored: true,
		coldTemp: 84,
		hotTemp: 90,
		columns: 3,
		contentClass: "light",
		updateInterval: 30 * 60 * 1000
	},

	start: function() {
		// this isn't a great solution...is there a better one? needed to do stuff with buttons
		moduleObj = this;
		if (this.config.showControls && (!this.config.controls || this.config.controls.length == 0)) {
			Log.warn('Controls are enabled, but no controls are configured. See README for info on setting up controls.');
			this.config.showControls = false;
		}

		this.sendSocketNotification('SCREENLOGIC_CONFIG', this.config);
		this.sendSocketNotification('SCREENLOGIC_UPDATE');
	},

	getStyles: function() {
		return ["screenlogic.css"];
	},

	getDom: function() {
		if (!poolData.status) {
			var wrapper = document.createElement("div");
			wrapper.innerHTML = 'Loading...';
			wrapper.className += "dimmed light small";

			return wrapper;
		} else {
			var table = document.createElement('table');
			table.className = "small";
			if (this.config.colored) {
				table.className += " colored";
			}

			var contents = [];

			if (this.config.showPoolTemp) {
				var className = "";
				if (poolData.status.currentTemp[0] <= this.config.coldTemp) {
					className += " cold-temp";
				} else if (poolData.status.currentTemp[0] >= this.config.hotTemp) {
					className += " hot-temp";
				}

				contents.push({
					header: "Pool temp",
					data: poolData.status.currentTemp[0] + "&deg;" + (!isPoolActive(poolData.status) ? " (last)" : ""),
					class: this.config.contentClass + className
				});
			}
			if (this.config.showSpaTemp) {
				var className = "";
				if (poolData.status.currentTemp[1] <= this.config.coldTemp) {
					className = " cold-temp";
				} else if (poolData.status.currentTemp[1] >= this.config.hotTemp) {
					className = " hot-temp";
				}

				contents.push({
					header: "Spa temp",
					data: poolData.status.currentTemp[1] + "&deg;" + (!isSpaActive(poolData.status) ? " (last)" : ""),
					class: this.config.contentClass + className
				});
			}
			if (this.config.showPH) {
				contents.push({
					header: "pH",
					data: poolData.status.pH,
					class: this.config.contentClass
				});
			}
			if (this.config.showOrp) {
				contents.push({
					header: "ORP",
					data: poolData.status.orp,
					class: this.config.contentClass
				});
			}
			if (this.config.showSaltLevel) {
				contents.push({
					header: "Salt PPM",
					data: poolData.status.saltPPM,
					class: this.config.contentClass
				});
			}
			if (this.config.showSaturation) {
				contents.push({
					header: "Saturation",
					data: poolData.status.saturation,
					class: this.config.contentClass
				});
			}
			if (this.config.showControls) {
				for (var control in this.config.controls) {
					var controlObj = this.config.controls[control];

					if (controlObj.type === 'circuit') {
						var name = controlObj.name;
						for (var circuit in poolData.controllerConfig.bodyArray) {
							if (poolData.controllerConfig.bodyArray[circuit].circuitId == controlObj.id) {
								if (!name) {
									name = poolData.controllerConfig.bodyArray[circuit].name;
								}
							}
						}

						var on = false;
						for (var circuit in poolData.status.circuitArray) {
							if (poolData.status.circuitArray[circuit].id == controlObj.id) {
								on = poolData.status.circuitArray[circuit].state !== 0;
							}
						}

						var cls = '';
						if (this.config.colored) {
							cls = on ? 'control-on' : 'control-off';
						}

						contents.push({
							data: '<button id="sl-control-' + controlObj.id + '" class="control ' + cls + '" onclick="setCircuit(this)" data-circuit="' +
								controlObj.id + '" data-state="' + (on ? '1' : '0') + '"><div class="content">' +
								name + '</div></button>',
							class: this.config.contentClass
						});
					} else if (controlObj.type === 'heatpoint') {

					} else if (controlObj.type === 'heatmode') {
						if (controlObj.body < 0 || controlObj.body > poolData.status.heatStatus.length) {
							Log.warn('Invalid body specified for heatmode');
							continue;
						}

						var on = poolData.status.heatStatus[controlObj.body] !== 0;

						var cls = '';
						if (this.config.colored) {
							cls = on ? 'control-on' : 'control-off';
						}

						contents.push({
							data: '<button id="sl-heat-' + controlObj.body + '" class="control ' + cls + '" onclick="setHeatmode(this)" data-body="' +
								controlObj.body + '" data-state="' + (on ? '1' : '0') + '"><div class="content">' +
								controlObj.name + '</div></button>',
							class: this.config.contentClass
						});
					} else {
						Log.warn('circuit with unknown type, unable to display:');
						Log.warn(controlObj);
					}
				}
			}

			var headerRow = null;
			var contentRow = null;

			if (this.config.showFreezeMode && poolData.status.freezeMode !== 0) {
				var row = document.createElement('tr');
				table.appendChild(row);
				row.className = 'cold-temp';
				var cell = document.createElement('th');
				row.appendChild(cell);
				cell.colSpan = this.config.columns;
				cell.innerHTML = '<center>FREEZE MODE</center>';
			}

			var cols = -1;
			for (var item in contents) {
				cols++;
				if (cols % this.config.columns === 0) {
					headerRow = document.createElement('tr');
					contentRow = document.createElement('tr');
					table.appendChild(headerRow);
					table.appendChild(contentRow);
				}

				if (contents[item].header) {
					var headerCell = document.createElement('th');
					headerCell.innerHTML = contents[item].header;
					headerRow.appendChild(headerCell);
				}

				var contentCell = document.createElement('td');
				contentCell.innerHTML = contents[item].data;
				contentCell.className = contents[item].class;
				contentRow.appendChild(contentCell);
			}

			return table;
		}
	},

	socketNotificationReceived: function(notification, payload) {
		if (notification === 'SCREENLOGIC_RESULT') {
			poolData = payload;
			this.updateDom();
		} else if (notification === 'SCREENLOGIC_CIRCUIT_DONE' || notification === 'SCREENLOGIC_HEATSTATE_DONE') {
			poolData.status = payload.status;
			this.updateDom();
		}
	},
});

const SPA_CIRCUIT_ID = 500;
const POOL_CIRCUIT_ID = 505;

function isPoolActive(status) {
	for (var i = 0; i < status.circuitArray.length; i++) {
		if (status.circuitArray[i].id === POOL_CIRCUIT_ID) {
			return status.circuitArray[i].state === 1;
		}
	}
}

function hasSpa(status) {
	for (var i = 0; i < status.circuitArray.length; i++) {
		if (status.circuitArray[i].id === SPA_CIRCUIT_ID) {
			return true;
		}
	}

	return false;
}

function isSpaActive(status) {
	for (var i = 0; i < status.circuitArray.length; i++) {
		if (status.circuitArray[i].id === SPA_CIRCUIT_ID) {
			return status.circuitArray[i].state === 1;
		}
	}
}

function setCircuit(e) {
	var circuitId = parseInt(e.dataset.circuit);
	var on = e.dataset.state !== '0';
	moduleObj.sendSocketNotification('SCREENLOGIC_CIRCUIT', {id: circuitId, state: on ? 0 : 1});
	e.classList.remove('control-on', 'control-off');
}

function setHeatmode(e) {
	var bodyId = parseInt(e.dataset.body);
	var on = e.dataset.state !== '0';
	moduleObj.sendSocketNotification('SCREENLOGIC_HEATSTATE', {body: bodyId, state: on ? 0 : 1});
	e.classList.remove('control-on', 'control-off');
}