// システム側で実装
window.marketFunc = {};

$(function() {
	window.onunload = function() {};

	history.forward();
    $(document).ready(function($){
        // console.log('history:' + JSON.stringify(window.history));
        if (window.history && window.history.pushState) {
            // console.log('call 1');
            window.history.pushState('forward', null, '');
            $(window).on('popstate', function () {
                window.history.pushState('forward', null, '');
                // console.log('call back button');
            });
        }
    });

	// 入力ボックスをトリムする処理
	$(function() {
		$('input[type="text"]').focusout(function(e) {
			$(this).val($.trim($(this).val()));
		});
	});
	var $props = $('#props');

	var props = $props.size() ? $.parseJSON($props.text()): {};
	window.marketFunc.trigger = function(name) {
		$(document).trigger(name);
	}
	// カート情報管理者
	var cartInfoManager = {
		COOKIE_NAME: "cartInfo",
		list: [],
		init: function() {
			var data = ($.cookie(this.COOKIE_NAME));
			this.list = ($.parseJSON(data || '[]') || []);
		},
		createObject: function(key, count) {
			return {
				goodsKey: key,
				count: count
			};
		},
		update: function(info) {
			var tempList = this.list.filter(function(e) {
				return e.goodsKey !== info.goodsKey;
			});
			tempList.unshift(info);
			this.list = tempList;
		},
		updateAll: function(list) {
			var self = this;
			var ary = list.map(function(element, index, array) {
				return self.createObject(element.goodsKey, element.intA);
			});
			ary.reverse();
			ary.forEach(function(element, index, array) {
				self.update(element);
			});
		},
		remove: function(key) {
			this.list = this.list.filter(function(e) {
				return e.goodsKey !== key;
			});
		},
		removeAll: function() {
			this.list = [];
		},
		flush: function() {
			$.cookie(this.COOKIE_NAME, JSON.stringify(this.list));
		}
	};
	cartInfoManager.init();

	var oldGoodsKeys = [];
	var isFirstChangeCartInfo = true;
	// カート情報の更新イベント処理
	$(document).on('custom.changeCartInfo', function(event, obj) {
		// 最初のカート変更
		if (isFirstChangeCartInfo) {
			oldGoodsKeys = obj.initDataArray.filter(function(element, index, array) {
				return element.goodsKey;
			}).map(function(element, index, array) {
				return element.goodsKey;
			});
			isFirstChangeCartInfo = false;
		}
		var itemArray = obj.itemArray;
		var nowGoodsKeys = itemArray.filter(function(element, index, array) {
			return element.goodsKey;
		}).map(function(element, index, array) {
			return element.goodsKey;
		});
		var removeTargetGoodsKey = oldGoodsKeys.filter(function(element, index, array) {
			return nowGoodsKeys.indexOf(element) === -1;
		});
		// 更新
		cartInfoManager.updateAll(itemArray.filter(function(element, index, array) {
			return element.goodsKey;
		}));
		// 削除
		removeTargetGoodsKey.forEach(function(element, index, array) {
			cartInfoManager.remove(element);
		});
		cartInfoManager.flush();
		oldGoodsKeys = nowGoodsKeys;
	});

	// カート情報の削除イベント処理
	$(document).on('custom.removeCartInfo', function(event, itemList) {
		var key = $(itemList).find('.js-item-name').data('goodskey');
		cartInfoManager.remove(key);
		cartInfoManager.flush();
	});

	var $zipcode = $('.zipcode', $(document));
	var $prefTextBox = $('.data-pref', $(document));
	var $shikugunTextBox = $('.data-district', $(document));
	var $macdTextBox = $('.data-macd', $(document));
	var $macdEdaTextBox = $('.data-macd-sub', $(document));

    var $streetTextBox = $('.data-street', $(document));
    var $optTextBox = $('.data-opt', $(document));
    var $cmpZipCodeTextBox = $('.data-cmpZipCode', $(document));

    var $regShikugun = $('.regist-district', $(document));
    var $regChome = $('.regist-chome', $(document));

    var $jusyoTextBox = $('#DeliverySettingsAction_doSetDeliveryInfo_jusyo');
	var $jusyoView = $('#jusyo_view');

	// [住所検索]ボタンを押下する
	$('#addr_search_button').on('click', function(event) {
		// alert("addr_search_button click");
		var $this = $(this);
		var settings = {
			data: { ZIP : $zipcode.val() === $zipcode.attr('title') ? '' :$zipcode.val() },
			dataType: 'JSON',
			method: 'POST',
			contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
			success: function(data, textStatus, jqXHR) {
				$zipcode.removeClass('error');
				$('#address_ui_area').find('.error-text').remove();
				// システムエラー
				var resultCode = parseInt(data.resultCode, 10);
				if (resultCode === 2) {
					window.location.href = props.actionUrls.error;
				// パラメータエラーまたは検索結果零
				} else if (resultCode === 1 || resultCode === 4) {
					$(document).trigger('custom.invalidZipCode');
				} else if (resultCode === 3) {
					window.location.href = props.actionUrls.maintenance;
				// 郵便番号なし
				} else if (data.url){
					$this.data('url', data.url);
					$(document).trigger('custom.viewAddrSearch', $this);
				// 郵便番号あり
				} else {
					var bean = data.inputtedAddressInfo;
					// 住所の隠しボックスの値を更新
					$prefTextBox.val(bean['pref']);
					$shikugunTextBox.val(bean['majorAddressKanji'] + bean['blockNameKanji']);
					$macdTextBox.val(bean['majorAddressCode']);
					$macdEdaTextBox.val("");
					$regShikugun.val(bean['majorAddressKanji']);
					$regChome.val(bean['blockNameKanji']);
					$jusyoTextBox.val(bean.inputtedAddress);
					// 住所の表示を更新
					$jusyoView.text(bean.inputtedAddress);

					$cmpZipCodeTextBox.val(bean['zipCode']);
					$(document).trigger('custom.endSearch');

					checkEmptyForm();
				}
			},
			error: function(jqXHR, textStatus, errorThrown) {
				console.warn(textStatus);
				window.location.href = props.actionUrls.error;
			}
		};
		$.ajax( $(this).data('action'), settings);
		return false;
	});

	// お届け先設定画面でタブ切り替え時にタブの状態をcookieに保存
	$('#addrBookSele').on('click', function(event) {
		document.cookie = 'tabId=';
	});

	$('#addrInputSele').on('click', function(event) {
		document.cookie = 'tabId=tab2-02';
	});

	// 住所設定画面のAPI呼出
	$('.items').on('click', function(event) {
		$('#itemsForm').submit();
	});

	(function() {
		var kbnToTimeMapText = $(document).find('#kbnToTimeMap').text();
		var kbnToTimeMap = kbnToTimeMapText ? $.parseJSON(kbnToTimeMapText): {};
		var constact = $.parseJSON($('#constact').text() || '{}');
		var preOptions = $('.js-form-select-time').children('option');
		/**
		 * お届け時間帯optionsの設定
		 */
		function createTimesOptions(sendDateKbn, selDataKbn, $defaultOption) {
			var results = [];
			// 選択した日付の配送グループ区分及び日付区分により、時間帯の選択肢を決定する。
			var defaultOption = $('<option>')
									.addClass('js-default-option')
									.val($defaultOption.val())
									.text($defaultOption.text())
									.data('key', sendDateKbn);
			results.push(defaultOption);

			// 選択した日付の日付区分でJSONデータを振り分けてoptions作成
			for (var key in kbnToTimeMap) {
				var ary = key.split(constact.kbnKeyDelimitor);
				var sdk = ary[0];
				var dk = ary[1];
				if(sdk === sendDateKbn && dk === selDataKbn){
					var obj = kbnToTimeMap[key];
					results.push($('<option>').val(obj.value).text(obj.label).data('key', obj.key));
				}
			}
			return results;
		}
		/**
		 * labelの変更処理
		 */
		function changeLabel($label, labelText, isDefault) {
			// テキスト変更
			$label.text(labelText);
			// 文字色切り替え
	        if(isDefault){
	        	$label.addClass('default-label');
	        } else {
	        	$label.removeClass('default-label');
	        }
		}

		// お届け希望日の変更
		$('.js-form-select-day').on('change', function(event){
			var $selectedOption = $(this).children(':selected');
			var $selectBoxGroup = $(this).closest('.js-selectbox-group');
	        var key = $selectedOption.data('key');
			var labelText = $selectedOption.text();
			var isDefault = $selectedOption.hasClass('js-default-option');

			// 配送グループ区分と日付区分の設定
	        var sdKbn = ''; // 配送グループ区分
	        var dataKbn = ''; // 日付区分(0:遅延なし、1:遅延あり)
	        // デフォルトの選択肢の場合
			if(isDefault){
	        	sdKbn = '' + key; // data-key値を配送グループ区分に設定
	        	dataKbn = (sdKbn === constact.sendDateKbn.nodelay) ? constact.dataKbn.thirdDay: constact.dataKbn.secondDay; // 日付区分は遅延なしは2,遅延ありは1で固定
	        // デフォルト以外の選択肢の場合
	        } else {
	        	var ary = key.split(constact.kbnKeyDelimitor); // 取得したdeta-keyから配送グループ区分、日付区分を分割して設定
	            sdKbn = ary[0];
	            dataKbn = ary[1];
	        }

			// 時間帯のデフォルト選択肢文言(時間帯を選択してください。)取得
			var $timeSelectBox = $selectBoxGroup.find('.js-form-select-time');
			var $defaultOption =  $timeSelectBox.children('.js-default-option');
			$timeSelectBox.children().remove();
			var timeOptions =  createTimesOptions(sdKbn, dataKbn, $defaultOption); // 時間帯optionsの設定
			$.each(timeOptions, function(index, element) {
				$timeSelectBox.append(element);
			});

			var $dayLabel = $selectBoxGroup.find('.js-form-select-day-wrapper .label-01');
			changeLabel($dayLabel, labelText, isDefault);

			// お届け希望時間帯をデフォルト表示に戻す
	        var $timeLabel = $selectBoxGroup.find('.js-form-select-time-wrapper .label-01');
	        var timeDefaultText = $defaultOption.text();
			changeLabel($timeLabel, timeDefaultText, true);
	        $timeSelectBox.children('.js-default-option').prop('selected', true);

            // お届け希望時間帯のhiddenのvalue値設定
	        var $timesDispName = $selectBoxGroup.find('.js-hiddenDispLabel');
	        $timesDispName.val(timeDefaultText);
		});

		// お届け時間帯変更イベント
		// 時間帯defaultLabelを変更する
		$('.js-form-select-time').on('change', function(event){
			var $selectedOption = $(this).children(':selected');
			var $selectBoxGroup = $(this).closest('.js-selectbox-group');
			var labelText = $selectedOption.text(); // 選択した時間帯のテキスト
			var isDefault = $selectedOption.hasClass('js-default-option'); // 選択した時間帯がデフォルト(「時間帯を選択してください」)か
	        var sdKbn = isDefault ? $selectedOption.data('key') : $selectedOption.data('key').split(constact.kbnKeyDelimitor)[0]; // data-key値を配送グループ区分に設定
	        var $timeLabel = $selectBoxGroup.find('.js-form-select-time-wrapper .label-01');
	        changeLabel($timeLabel, labelText, isDefault); // 時間帯defaultLabelの設定

            // お届け希望時間帯のhiddenのvalue値設定
	        var $timesDispName = $selectBoxGroup.find('.js-hiddenDispLabel');
	        $timesDispName.val(labelText);
		});
	}());

	// お届け希望日時の選択状態の設定
	$(function() {
		var noDelayDate = $(document).find('#dayNoDelay').text();
		var timeNoDelay = $(document).find('#timeNoDelay').text();
		var delayDate = $(document).find('#dayDelay').text();
		var timeDelay = $(document).find('#timeDelay').text();

		var setInputData = function ($elem, inputVal){
			var $options = $elem.children();
			$options.each(function(index, element){
				if(element.value === inputVal){
					element.selected = true;
					$elem.change();
				}
			});
		}

		// 日付 → 時間帯の順で設定すること(時間帯が先だと、日付を設定したときにデフォルトに戻る)
		setInputData($('#OrderConfirmationAction_doOrder_dayNoDelay'), noDelayDate);
		setInputData($('#OrderConfirmationAction_doOrder_timeNoDelay'), timeNoDelay);
		setInputData($('#OrderConfirmationAction_doOrder_dayDelay'), delayDate);
		setInputData($('#OrderConfirmationAction_doOrder_timeDelay'), timeDelay);
	});

	// ご注文内容のご確認画面・お届け先設定画面の間での遷移時に
	// FormのURLを変更してsubmitする処理。
	$('.js-moveDeliverySetting').on('click', function(event){
		var url = event.currentTarget.href;
		$('.js-moveDeliverySettingForm').attr('action', url);
		$('.js-moveDeliverySettingForm').submit();
		return false;
	});
	// テキストエリアのmaxlength処理
	$('.js-maxlength').each(function(index, element) {
		var $e = $(element);
		var func = function() {
			var len = parseInt($e.attr('maxlength'), 10);
			var val = $e.val();
			if (val.length > len) {
				$e.val(val.substr(0, len));
			}
		};
		$e.on('keyup', func);
		$e.on('blur', func);
	});

	// 集荷も合わせて申し込む押下時に隠しFormからsubmitする処理。
	$('.js-shukaRequest').on('click', function(event){
		$('.js-shukaRequestForm').submit();
		return false;
	});
});