var js;
var bool = {};

window.onTemplateReady = function () {
	vm = new ViewModel();
	ko.applyBindings(vm);
};

window.onTemplateData = function (data) {
	switch (data.methodName) {
		case 'FloorListGet':
			vm.floorList(data.result.floorList);
			vm.roomTypes(data.result.roomTypes);
			js = ko.toJS(vm);
			console.log(js);
			this.initializeObject();
			this.filter('all','roomType');
			this.filter('all','status');
			this.filter('all','needCleaning');
			console.log(bool);
			break;
		case 'SetupGet': //not used
			console.log("SetupGet should not be running!");
			break;
		default:
			this.console.log("default");
			break;
	}
};

window.onTemplateError = function (msg) {
	LS.ShowAlert(msg, 'error', 6000);
};

var ViewModel = function () {
	this.floorList = ko.observableArray();
	this.roomTypes = ko.observableArray();
};

function runMemberView(element) {
	element.classList.add("not-clickable");
	setTimeout(function () { element.classList.remove("not-clickable") }, 3000);
	resNo = element.getElementsByClassName("resNo")[0].innerText;
	depDate = element.getElementsByClassName("depDate")[0].innerText;
	arrDate = element.getElementsByClassName("arrDate")[0].innerText;
	roomStatus = element.getElementsByClassName("roomStatus")[0].innerText;
	if (resNo != '') {
		console.log(resNo);
		var url_l = '[#MEMBERHOTEL]lstmpl://#MEMBERHOTEL/RetailWebAPI/LoyaltyGet/?resNo=' + resNo;
		LS.SendPosCommand(this, 'NAVIGATE', url_l);
		var url_r = '[#HOTELLOYALTY]lstmpl://#HOTELLOYALTY/RetailWebAPI/GetMemberViewData/?resNo=' + resNo;
		LS.SendPosCommand(this, 'NAVIGATE', url_r);

		//JIJ, inform POS what reservation number was selected
		LS.SendPosCommand(this, 'HTL-BROWSERPOS', resNo);

		if (getTime() == arrDate && roomStatus != 'INHOUSE') {
			LS.SendPosCommand(this, 'SHOWPANELMODAL', '#HTL-CHECKIN');
		} else if (getTime() < depDate) {
			LS.SendPosCommand(this, 'SHOWPANELMODAL', '#HTL-RESERVATION');
		} else {
			LS.SendPosCommand(this, 'SHOWPANELMODAL', '#HTL-CHECKOUT');
		}
	}
}

function getTime() {
	var today = new Date();
	var dd = String(today.getDate()).padStart(2, '0');
	var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
	var yyyy = today.getFullYear();
	today = yyyy + '-' + mm + '-' + dd;
	return today;
}

function shouldBeRed(departsToday, status, arrivingGuest) {
	if (departsToday)
		return false;
	else if (status == 'INHOUSE')
		return true;
}

function shouldBeOrange(status, arrivingGuest) {
	if (!arrivingGuest == '')
		return true;
}

function checkmarkGreen(housekeepingStatus) {
	if (housekeepingStatus == 'Vacant Clean' || housekeepingStatus == 'Occupied Clean')
		return true;
	else
		return false;
}

function getSetup() {
	cardsPerPage(data.result.setup[0].cardsPerRow);
}
function cardsPerPage(cards) {
	var cardsPercentage = (100 / cards);
	var roomCardElement = document.querySelectorAll(".roomCard");
	var roomCardWrapperElement = document.querySelectorAll(".roomCardWrapper");
	if (cards <= 7) {
		for (var i = 0; i < roomCardElement.length; i++) {
			roomCardWrapperElement[i].style.width = cardsPercentage + "%";
		}
	}
	else {
		for (var i = 0; i < roomCardElement.length; i++) {
			roomCardElement[i].classList.add('roomCardSmall');
			roomCardWrapperElement[i].style.width = cardsPercentage + "%";
		}
	}
}

function filter(string,attribute) {
	var rooms, currentAttribute, currentRoom;
	 rooms = document.getElementsByClassName("roomCardWrapper");
	 for (var i = 0; i < rooms.length; i++) {
		currentAttribute = js.floorList[i][attribute];
		currentRoom = js.floorList[i].roomNo;
		if (string == currentAttribute.toString() || string == 'all')
			bool[currentRoom][attribute] = true;
		else
			bool[currentRoom][attribute] = false;
		if (allTrue(bool[currentRoom]))
			rooms[i].classList.remove('hide');
		else
			rooms[i].classList.add('hide');
	 }
	 return true;
 }

 function initializeObject() {
	for (var i = 0; i < 38; i++) {
		var roomNo = js.floorList[i].roomNo;
		bool[roomNo] = {};
	}
	console.log(bool);
 }

 function allTrue(obj) {
	for(i in obj)
		if(!obj[i]) return false;
  			return true;
 }

LS.autoRefresh = function () {
	var filename = LS.FILENAME;
	var path = '/Templates/' + filename;
	var fullPath = path + '/' + filename;
	LS.SendToNav('#' + filename, fullPath + '.html', fullPath + '.js', fullPath + '.css');
};
if (!LS.isPOS) {
	LS.autoRefresh();
}
//# sourceMappingURL=HOTELBRICKVIEW.js.map