//	Throttle app
//	===============================================
//	Takes in data obj, an element to append to, and utility functions
//
//	Data is an object
//	- rules: [{"from": {"hour": 23, "min": 0}, "to": {"hour": 23, "min": 50}, "rate": "+"}, ....]
//
var throttle = (function(){
	'use strict'
	
	var template = new Template();

	function newThrottle(d, t, fns){ return new Throttle(d, t, fns); }

	function Throttle(d, t, fns){
		var e = getElementFromString(template.index, fns.getAppName('throttle')),
			row = new ToggleRow(e, updateToggle, {
				'status' : d.status,
				'headerClass' : 'medium',
				'removeAppFn' : removeAction
			}),
			eles = new Elements(e, {
				'status': { 'target' : row },
				'rows' : { 'target' : new DynamicInputList(row.querySelector('.rules'), template.rule, updateRules, { values: getSavedRules(d.rules), onRemove: updateRules }) }
			});


		this.exit = exit;

		t.appendChild(e);

		function getSavedRules(r) {
			if(!isArray(r)) return [];
			return r.map(function(v) {
				return {
					fromHour: v.from.hour,
					fromMinute: v.from.min,
					toHour: v.to.hour,
					toMinute: v.to.min,
					bidRate: v.rate
				};
			});
		}

		function updateToggle(e) { d.status = e; }
		function updateRules(e, v) {
			d.rules = [];
			v.forEach(function(v) {
				d.rules.push({
					'from' : {'hour': parseInt(v.fromHour), 'min': parseInt(v.fromMinute) },
					'to' : {'hour': parseInt(v.toHour), 'min': parseInt(v.toMinute) },
					'rate' : v.bidRate
				});
			})
		}

		function removeAction(e){ fns.removeApp("throttle"); }
		function exit(){
			if(!!e) removeChild(t, e);
			if(!!eles) eles.exit();
			e = eles = null;
		}
	}

	function Template(){
		var fromInput = '<div><p>From</p><input name="fromHour" class="small" type="number" placeholder="22">:<input name="fromMinute" class="small" type="number"  placeholder="10"></div>',
			toInput = '<div><p>To</p><input name="toHour" class="small" type="number" placeholder="23">:<input name="toMinute" class="small" type="number"  placeholder="50"></div>',
			bidRate = '<div><p>Bid Rate</p><select name="bidRate" style="height: 42px"><option value="+" selected>Increased</option><option value="-">Decreased</option></select></div>';
	
		this.index = '<row class="throttle"><h3 class="medium">{{ . }}:</h3><div class="toggle"></div><div class="remove"></div><div class="view"><div class="rules"></div></div></row>';
		this.rule = '<div>' + fromInput + toInput + bidRate + '</div>';
	}

	return newThrottle;
})();