/*
 * Admin - Region page scripts.
 */

(function (win, doc, undef)
{
	"use strict";
	sax.itemIdPrefix = 'Itm_';

	//--------------------------------------------------------------
	sax.refreshResults = function (delay)
	{
		var $results = $('.sax-panel-results');
		if (!sax.awaitingRefreshResponse)
		{
			var $items = $('.sax-panel-item-list', $results).fadeOut(200).empty();
			var $msgs = $('.sax-panel-messages', $results).hide().empty().append($('<div class="sax-message">' + sax.msg.dataQuerying + '</div>')).fadeIn(200);
		}
		sax.ajax.refreshResults = sax.ajax.refreshResults || { url: sax.url.base + 'Region/Ajax/GetList', formId: 'frmRegionFilter', callbackFn: sax.doRefreshResults };
		sax.doAjaxRequest(sax.ajax.refreshResults, delay || 50);
		sax.awaitingRefreshResponse = true;
	}
	sax.doRefreshResults = function (response)
	{
		//sax.debug('doRefreshResults', response);
		delete sax.awaitingRefreshResponse;
		var $results = $('.sax-panel-results');
		var $msgs = $('.sax-panel-messages', $results).hide().empty();
		var $items = $('.sax-panel-item-list', $results).hide().empty();
		var $tmpl = $('.sax-panel-item-template .sax-panel-item.Region', $results);
		sax.refreshPaging(response, '#frmRegionFilter', sax.refreshResults);
		if (!response.success) return;
		// Reference data - Statuses.
		if (response.defaultStatusCode) sax.data.defaultStatusCode = response.defaultStatusCode;
		if (response.statuses)
			sax.populateSelectCodeDesc('#cbRegionStatus', response.statuses);
		// Items.
		var items = response.regions;
		if (!items.length)
			return $msgs.append($('<div class="sax-message">' + sax.msg.dataNoneFound + '</div>')).fadeIn(500);
		for (let itemIdx = 0; itemIdx < items.length; itemIdx++)
		{
			let item = items[itemIdx];
			let $item = $tmpl.clone();
			sax.populateItem($item, item);
			$items.append($item);
		}
		$items.fadeIn(50);
	}
	sax.populateItem = function ($item, item)
	{
		if (!item) return;
		$item.prop('id', sax.itemIdPrefix + item.id);
		$('.RegionName', $item).text(item.name);
		$('.RegionCountryIso2Code', $item).text(item.countryIso2Code);
		$('.RegionTypeDesc', $item).text(item.regionTypeDesc);
		$('.RegionParentName', $item).text(item.parentName);
		$('.RegionStatusDesc', $item).text(item.statusDesc).removeClass(function (idx, name) { return (name.match(/(^|\s)sax-status-\S+/g) || []).join(' '); }).addClass('sax-status-' + item.statusCode.toLowerCase());
		$('.sax-caption .sax-action, .sax-actions .sax-action.sax-item-update', $item).off('click').on('click', function () { sax.updateItem(item.id) })
		$item.off('dblclick').on('dblclick', function () { sax.updateItem(item.id) })
		$('.sax-panel-results .sax-panel-messages').hide().empty();
	}

	//--------------------------------------------------------------
	sax.selectParentRegion = function ()
	{
		if (!sax.data.regions)
		{
			let handleParentRegionsResponse = function (response)
			{
				if (response && response.success && response.regions)
					sax.data.regions = response.regions;
				sax.showSelectParentRegion();
			}
			sax.ajax.parentRegions = sax.ajax.parentRegions || { url: sax.url.base + 'Region/Ajax/GetList', formId: 'frmNavigate', callbackFn: handleParentRegionsResponse };
			sax.doAjaxRequest(sax.ajax.parentRegions, 50);
		}
		else sax.showSelectParentRegion();
	}
	sax.showSelectParentRegion = function ()
	{
		let $frm = sax.$frm.region;
		sax.data.selectItem.fn.selectItem({ caption: sax.dlg.title.selectRegion, items: sax.data.regions, itemId: $('.RegionIdParent', $frm).val(), fnCallback: sax.onParentRegionSelected });
	}
	sax.onParentRegionSelected = function (rgn)
	{
		//sax.debug('onParentRegionSelected', rgn);
		let $frm = sax.$frm.region;
		$('.RegionIdParent', $frm).val(rgn.id);
		$('.ParentRegion', $frm).val(rgn.name);
	}

	//--------------------------------------------------------------
	sax.createItem = function ()
	{
		let $frm = sax.$frm.region;
		$('.RegionId,.RegionIdParent,input[type="text"],textarea,select', $frm).val('');
		$('.RegionStatus', $frm).val(sax.data.defaultStatusCode);
		sax.clearControlErrors();
		sax.$dlg.region.dialog('option', 'title', sax.dlg.title.createRegion);
		sax.openDialog(sax.$dlg.region, 600, 600);
	}

	//--------------------------------------------------------------
	sax.updateItem = function (id)
	{
		$('.RegionId', sax.$frm.regionId).val(id);
		sax.ajax.updateItem = sax.ajax.updateItem || { url: sax.url.base + 'Region/Ajax/GetItem', formId: 'frmRegionId', callbackFn: sax.onUpdateItem };
		sax.doAjaxRequest(sax.ajax.updateItem, 50);
	}
	sax.onUpdateItem = function (response)
	{
		//sax.debug('onUpdateItem', response);
		let $frm = sax.$frm.region;
		$('.RegionId,input[type="text"],textarea,select', $frm).val('');
		if (!response.success) return;
		let item = response.region;
		$('.RegionId', $frm).val(item.id);
		$('.RegionType', $frm).val(item.regionTypeCode);
		$('.RegionCountryIso2Code', $frm).val(item.countryIso2Code);
		$('.RegionName', $frm).val(item.name);
		$('.RegionIdParent', $frm).val(item.regionIdParent);
		$('.ParentRegion', $frm).val(item.parentName);
		$('.RegionStatus', $frm).val(item.statusCode);
		sax.clearControlErrors();
		sax.$dlg.region.dialog('option', 'title', sax.dlg.title.updateRegion);
		sax.openDialog(sax.$dlg.region, 600, 600);
	}

	//--------------------------------------------------------------
	sax.storeItem = function ()
	{
		sax.ajax.storeItem = sax.ajax.storeItem || { url: sax.url.base + 'Region/Ajax/StoreItem', formId: 'frmRegion', callbackFn: sax.onStoreItem };
		sax.doAjaxRequest(sax.ajax.storeItem, 50);
	}
	sax.onStoreItem = function (response)
	{
		//sax.debug('onStoreItem', response);
		sax.refreshControlValues(response.controlValues);
		if (!response.success) return;
		sax.$dlg.region.dialog('close');

		var item = response.region;
		var $item = $('#' + sax.itemIdPrefix + item.id);
		if (!$item.length)
		{
			var $results = $('.sax-panel-results');
			$item = $('.sax-panel-item-template .sax-panel-item.Region', $results).clone();
			$('.sax-panel-item-list', $results).prepend($item).show();
		}
		sax.populateItem($item, item)
	}

	//--------------------------------------------------------------
	$(function ()
	{
		$('.sax-action.sax-item-create').on('click', function () { sax.createItem(); });
		$('.sax-action.sax-results-refresh').on('click', function () { sax.refreshResults(); });
		$('.sax-input').on('input', function () { sax.clearControlError(this); });

		sax.$frm.filter = $('#frmRegionFilter');
		$('.FilterRegion', sax.$frm.filter).on('input', function () { sax.refreshResults(250); });
		$('.FilterRegionType', sax.$frm.filter).on('change', function () { sax.refreshResults(250); });
		sax.$frm.regionId = $('#frmRegionId');
		sax.$frm.region = $('#frmRegion');

		var opt = sax.dlgOpts();
		opt.buttons[sax.dlg.btn.ok] = function () { sax.storeItem(); };
		opt.buttons[sax.dlg.btn.cancel] = function () { $(this).dialog('close'); };
		sax.$dlg.region = $('#dlgRegion').dialog(opt);

		setTimeout(sax.refreshResults, 250);
	});

}(window, window.document));

/* The End */