/**
 * 데이터 선택에 따른 데이터 셋팅
 * @author sj.jun
 * @param el
 */
var $form = $('#frmMainReservation');

// 전역 변수 설정
window.availMainDate = {
	startDate: $("#date-checkin-web").val()
	, endDate: ""
	, invalidDateArray : []
	, invalidDateArray : []
};
function setValue (el, value) {

	var $source = $(el),
		data = $source.data(),
		$target = null;

	if (!data || !data.id || $.isEmptyObject(data)) {
		return false;
	}

	$form = $('#frmMainReservation');

	$target = $form.find('[name="' + data.id + '"]');
	$target.val(value || data.value);

	// 값 셋팅 후 수행할 이벤트
	$target.trigger("_reservChange", {value: data.value});
}
var $ownType = $('[data-toggle-key]');
function toggleKey ($source, data) {
	$ownType = $('[data-toggle-key]');
	if (!$source.hasClass('dep1') || !$ownType.length) {
		return false;
	}

	data = $source.data();
	$ownType.hide().filter('[data-toggle-key="' + data.value + '"]').show();
	$('._own-type-label').text('-');
}

/**
 * 풀구좌 전용객실 선택 시
 * 1) 예약 선택 영역 감춤
 * 2) 분양회원 지점코드 방문리조트에 고정
 * */
urlLang = urlLang || 'ko';
if ('ko' != urlLang) {
	urlLang = 'en';
}
moment.locale(urlLang);

var scrollValue;
$(function () {
	// 레이어 팝업 열기
	$(".ui-btn-popup").on("click",function () {
		openPop(this);
	});

	// 상단 예약
	var reser_colum = $(".in-colum");
	var resort_checkin = $(".checkin-colum");
	box_list = $(".box-select-list")
	box_list_depth2 = $(".box-select-list").find(".depth");
	box_list_depth3 = $(".box-select-list").find(".depth3");

	// 회원번호 선택
	box_list_step1 = $('div[class^="box-select-list"][id="gnb_step1"]');
	// 예약 선택
	box_list_step2 = $('div[class^="box-select-list"][id="gnb_step2"]');
	// 방문리조트 선택
	box_list_step3 = $('div[class^="box-select-list"][id="gnb_step3"]');

	// 객실 검색
	isIntgMember =  Boolean($('#header').find('[name="isIntgMember"]').val());
	mainmain180 = $('#header').find('[name="mainmain180"]').val();
	rsvlot930 = $('#header').find('[name="rsvlot930"]').val();
	rsvlot931 = $('#header').find('[name="rsvlot931"]').val();

	// 목록 보기
	reser_colum.on("click", ".ui-btn-box", function(e) {
		$(".main-code-search").addClass("hide");
		var nextBoxSelectList = $(this).next(".box-select-list");
		box_list.not(nextBoxSelectList).addClass("hide");
		nextBoxSelectList.toggleClass("hide");
		$(this).closest(".colum").siblings(".colum").find(".box-select-list").addClass("hide");
		box_list_depth2.addClass("hide");
		$(".ui-btn-checkdate").removeClass("on");
	});

	// 목록 선택
	box_list.find("li").each(function () {
		$(this).children("a").on("click",function () {
			var $this = $(this),
				data = $this.data();
			// 회원번호 변경 일 때 처리

			$(".in-colum").removeClass("show");

			if( !(data.id == 'exclusiveChargeYn' || data.id == 'ownType')){
				$(".exclusiveN").show();
				$(".exclusiveY").hide();
			}

			if (data.id == 'memberNo') {
				//프로모션 버튼 노출 처리
				if( data.membershiptype == 'CYBER'){
					$(".main-code-area").removeClass("hide");
				}else{
					$(".main-code-area").addClass("hide");
					// 프로모션 적용 취소
//					flow.bind.action.resetPromotion();
					resetPromotion();
				}

				//블럭여행사 회원일때 지정지점 처리
				if( data.membershiptype == 'B'){
					var $resorItem = $('a[data-id="bizCd"][data-value="' + $this.data('bizCd') + '"]');
					var $h_resorItems = $('#header [type="radio"][data-id="bizCd"][data-value="' + $this.data('bizCd') + '"]');

					// 방문리조트 토클 및 선택처리
					$resorItem.parent().siblings().hide();
//					$h_resorItems.parent().siblings().hide();
//					$h_resorItems.prop("checked", true);

					$h_resorItems.parent().siblings().find('input').prop("disabled" , true);
					$h_resorItems.prop("disabled" , false);
					$h_resorItems.prop("checked", true);

					$('#bizName').text($resorItem.text());
					$(':hidden[name="bizCd"]').val($resorItem.data('value'));
				}else{
					// 방문리조트 선택 ontion List 보여주기
					$('a[data-id="bizCd"]').parent().show();
//					$('#header [type="radio"][data-id="bizCd"]').parent().show();
					$('#header [type="radio"][data-id="bizCd"]').prop("disabled" , false);
				}

				// [name="exclusiveCd"] : 전용객실 or 추가객실
				// [name="exclusiveChargeYn"] : 무료객실 or 유료객실
				// [name="ownType"] : 기명예약 or 무기명예 or 약지인예약
				$form.find('[name="exclusiveCd"],[name="exclusiveChargeYn"],[name="ownType"]').val('');


				toggleKey($this, data);

				// 풀구좌 회원번호 선택
				if (data.isFull) {
					//console.log('1.1.풀구좌 회원번호 선택');

					$('#numberUpDown').val(1);
					// $('.btn-num-slct').hide();
				} else {
					//console.log('1.2.미 풀구좌 회원번호 선택');

					// $('.btn-num-slct').show();
				}

				// '예약선택' 자동 선택을 위한 처리
				var tgKey = $this.data().value;

				if($this.closest(".main-reser-wrap.type2").length > 0){
					$('.main-reser-wrap.type2').find('div[data-toggle-key='+tgKey+']').eq(0).find('li').eq(0).children('a').click();
				}else{
					$('div[data-toggle-key='+tgKey+']').find('li').eq(0).children('a').click();
				}

			} else if (data.id == 'exclusiveCd') {	// step1.풀구좌
				//console.log('2.풀구좌 일 때');

				if (data.value == '02') {	// step2.전용객실 (exclusiveCd: 02)
					//console.log('2.1.풀구좌 > 전용객실 일 때');

					$(".exclusiveN").hide();
					$(".exclusiveY").show();

					var tgKey;

					/* GNB 예약, APP 메인예약 */
					if($this.closest(".main-reser-wrap.type3").length > 0
						|| ($GL_IS_APP && $this.closest(".main-reser-box.app-menu").length > 0) ){
						tgKey = data.memberno;

						// 회원유형 step3 선택 영역 표시
						$('._h_ownType').find('[data-toggle-key]').hide().filter('[data-toggle-key="' + tgKey + '"]').show();

						// 회원유형 step3 선택
						const idx = $(".main-reser-wrap.type3").find('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('.exclusiveN').length;
						$(".main-reser-wrap.type3").find('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('li').eq(idx).children('a').click();

						// [APP 메인 예약] 회원유형 step3 선택 (Gnb와 함께 변경)
						if ($GL_IS_APP && $(".main-reser-box.app-menu").find('._h_ownType').length > 0) {
							const appIdx = $(".main-reser-box.app-menu").find('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('.exclusiveN').length;
							$(".main-reser-box.app-menu").find('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('li').eq(appIdx).children('a').click();
						}

						var $h_resorItems = $('#header [type="radio"][data-id="bizCd"][data-value="' + $this.data('bizCd') + '"]')
						$h_resorItems.parent().siblings().find('input').prop("disabled" , true);
						$h_resorItems.prop("disabled" , false);
						$h_resorItems.prop("checked", true);

					} else {
						tgKey = $this.parent().parent().prev().data().value;
						$('._h_ownType').find('[data-toggle-key]').hide().filter('[data-toggle-key="' + tgKey + '"]').show();
						let idx =  $('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('.exclusiveN').length;
					}

					var $resorItems = $('a[data-id="bizCd"][data-value="' + $this.data('bizCd') + '"]');
					var $resorItem = $(".main-reser-wrap").find('a[data-id="bizCd"][data-value="' + $this.data('bizCd') + '"]');
					var $h_resorItems = $('#header [type="radio"][data-id="bizCd"][data-value="' + $this.data('bizCd') + '"]')

					// 예약선택 숨김 처리
					$('.main-reser-wrap.type2').find('._ownType').hide();

					// 방문리조트 토클 및 선택처리
					$resorItems.parent().siblings().hide();

					// 지점 선택 갱신
					if ($GL_IS_APP && $('#gnb_step3.box-select-list.location-list').length > 0) {
						// [APP 메인 예약]
						const $appResortItem = $('#gnb_step3.box-select-list.location-list').find('a[data-value="' + $this.data('bizCd') + '"]');
						$('[name="bizName"]').text($appResortItem.text());
						$(':hidden[name="bizCd"]').val($appResortItem.data('value'));
					} else if($this.closest(".main-reser-wrap.type3").length > 0){

						$('[name="bizName"]').text($h_resorItems.text());
						$(':hidden[name="bizCd"]').val($h_resorItems.data('value'));
					} else {
						// 그 외
						$('[name="bizName"]').text($resorItem.text());
						$(':hidden[name="bizCd"]').val($resorItem.data('value'));
					}

				} else { // step2.추가객실 (exclusiveCd: 01)
					// console.log('2.2.풀구좌 > 전용객실 아닐 때(추가객실 일 때)');

					//지점 선택 불가 해제
					$('#header [type="radio"][data-id="bizCd"]').prop("disabled" , false);

					// 전용객실 > 무료객실 or 유료객실 > 추가객실 선택 시 해당 '예약 선택' show.
					var tgKey;

					/* GNB 예약, APP 메인예약 */
					if ($this.closest(".main-reser-wrap.type3").length > 0
						|| ($GL_IS_APP && $this.closest(".main-reser-box.app-menu").length > 0) ) {

						tgKey = data.memberno;
					} else {
						tgKey = $this.parent().parent().prev().data().value;
					}

					/* GNB 예약, APP 메인예약 */
					if ($this.closest(".main-reser-wrap.type3").length > 0
						|| ($GL_IS_APP && $this.closest(".main-reser-box.app-menu").length > 0) ) {

						$('._h_ownType').find('[data-toggle-key]').hide().filter('[data-toggle-key="' + tgKey + '"]').show();
						$('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('li').eq(0).children('a').click();
					} else {
						$ownType.hide().filter('[data-toggle-key="' + tgKey + '"]').show();
						$ownType.find('div[data-toggle-key="'+tgKey+'"]').find('li').eq(0).children('a').click();
					}

					// 방문리조트 선택 ontion List 보여주기
					$('a[data-id="bizCd"]').parent().show();
					$('[type="radio"][data-id="bizCd"]').parent().show();
				}
			} else if (data.id == 'bizCd' && $form.find(':hidden[name="rsvTypeCd"]').val()) {	// 프로모션 코드가 입력 된 상태에서 지점 코드 변경
				//console.log('3.프로모션 코드가 입력 된 상태에서 지점 코드 변경');

				if ($.core.confirm('프로모션 적용을 취소하시겠습니까?', function () {return true;}, function () {return false;})) {
					// 프로모션 적용 취소
					resetPromotion();
				} else {
					box_list.addClass("hide");
					box_list_depth2.addClass("hide");
					box_list_depth3.addClass("hide");
					return false;
				}
			} else if(data.id == 'membYearUseDaysType'){

				if($this.closest(".main-reser-wrap.type3").length > 0){
					let tgKey = data.memberno;
					$('._h_ownType').find('[data-toggle-key]').hide().filter('[data-toggle-key="' + tgKey + '"]').show();
					$('._h_ownType').find('div[data-toggle-key="'+tgKey+'"]').find('li').eq(0).children('a').click();
				}
			}

			listSelect($this);
			setValue($this);
		})
	});

	// 달력 팝업 (피씨)
	$(".ui-btn-checkdate").on("click",function (evt) {
		evt.stopPropagation();
		// [p] 20190503 수정
		if (!$(this).hasClass("on")) {
			$(this).addClass("on");
			$('#main-calendar-web').data('dateRangePicker').open();
			box_list.addClass("hide"); // [p] 20190610 추가
		} else if ($(this).hasClass("on")) {
			$(this).removeClass("on");
			$('#main-calendar-web').data('dateRangePicker').close();
		}
	});

	$('#main-calendar-web').dateRangePicker({
		extraClass: 'checkin-web',
		language: _cmmnLang,
		//format: 'MM DD ddd YYYY', //format: 'ddd MM DD, YYYY', http://momentjs.com/docs/#/displaying/format/
		singleMonth : false,
		format: 'YYYY.MM.DD.ddd',
		startDate: serverCheckInDate,
//		startDate: $("#date-checkin-web").val(),
//		startDate:  moment().format("YYYY.MM.DD.ddd"),
		//singleDate: true,
		stickyMonths: true,
		inline:true,
		separator : ' to ',
		hoveringTooltip: false,
		getValue: function()
		{
			if ($('#date-checkin-web').val() && $('#date-checkout-web').val() )
				return $('#date-checkin-web').val() + ' to ' + $('#date-checkout-web').val();
			else
				return '';
		},
		setValue: function(s,s1,s2)
		{

			s1 = s1 || '';
			s2 = s2 || '';

			$('#date-checkin-web').val(s1);
			$('#date-checkout-web').val(s2);

			$form = $('#frmMainReservation');

			$form
				.find('[name="checkinDt"]').val(s1.replace(/[^\d]/gim, '')).end()
				.find('[name="checkoutDt"]').val(s2.replace(/[^\d]/gim, ''));
		},
		customOpenAnimation: function(cb)
		{
			$(this).fadeIn(300, cb);
		},
		customCloseAnimation: function(cb)
		{
			$(this).fadeOut(300, cb);
		},
		beforeShowDay: function(t)
		{
			//개발: 프로모션, 패키지 등 예약 가능 일자가 제한적일 경우 표시
			var startDate = availMainDate.startDate === null||availMainDate.startDate === undefined?0:Number(availMainDate.startDate);
			//마지막 적용 날짜는 체크아웃이 +1일까지 되어야 하기 때문에 +1일 처리
			var endDate = availMainDate.endDate === null||availMainDate.endDate === undefined?0:Number(moment(availMainDate.endDate).format('YYYYMMDD'));
			var invalidDateArray = availMainDate.invalidDateArray === null||availMainDate.invalidDateArray === undefined?[]:availMainDate.invalidDateArray;
			var forSize = invalidDateArray.length;

			var today = Number(moment(t).format("YYYYMMDD"));

			if( startDate == 0 || startDate === undefined ) return [true, '', ''];

			if( today < startDate ){
				return [false, '', ''];
			}else if( today > endDate && (endDate == 0 || endDate === undefined) ){
				return [false, '', ''];
			}else{
				for(var i = 0; i < forSize; i++){
					if( today == Number(invalidDateArray[i])){
						return [false, '', ''];
					}
				}
			}

			return [true, '', ''];
		}
	})
	;


	var isLocaleKo = 'ko' == urlLang;
	// Detepicker inline (pc) 체크인아웃
	$("#main-calendar-web").on("datepicker-change",function(){

		var classText = $(this).closest('div').attr('class');
		var _div = $("."+classText);

		var start = $("#date-checkin-web").val();
		var end = $("#date-checkout-web").val();
		var selected_date = $(".selected-date").parent(".check-info") // 체크인아웃 설정 투숙기간

//		var checkin_month = $(".checkin").find(".month");
//		var checkin_date = $(".checkin").find(".date");
//		var checkin_day = $(".checkin").find(".day");
//
//		var checkout_month = $(".checkout").find(".month");
//		var checkout_date = $(".checkout").find(".date");
//		var checkout_day = $(".checkout").find(".day");

		var checkin_year = _div.find(".checkin").find(".year");
		var checkin_month = _div.find(".checkin").find(".month");
		var checkin_date = _div.find(".checkin").find(".date");
		var checkin_day =  _div.find(".checkin").find(".day");

		var checkout_year = _div.find(".checkout").find(".year");
		var checkout_month = _div.find(".checkout").find(".month");
		var checkout_date = _div.find(".checkout").find(".date");
		var checkout_day = _div.find(".checkout").find(".day");


		var strArray = start.split('.');
		var strArray2 = end.split('.');


		var checkin = moment(start.replace(/[^\d]/gim, ''));
		var checkout = moment(end.replace(/[^\d]/gim, ''));
		var night = checkout.diff(checkin, 'days');

		if(checkin_year.length > 0 ){
			checkin_year.html(checkin.format('YYYY'));
		}


		// 체크인
//		if (isLocaleKo) {
			checkin_month.html(checkin.format('MM'));
//		} else {
//			checkin_month.html(checkin.format('MMM'));
//		}

		// checkin_date.html(strArray[2]);
		checkin_date.html(checkin.format('DD'));
		// checkin_day.html(strArray[3]);
		checkin_day.html('('+checkin.format('ddd')+')');

		if(checkout_year.length > 0 ){
			checkout_year.html(checkout.format('YYYY'));
		}

		// 체크아웃
		// if (isLocaleKo) {
			checkout_month.html(checkout.format('MM'));
		// } else {
		// 	checkout_month.html(checkout.format('MMM'));
		// }
		// checkout_date.html(strArray2[2]);
		checkout_date.html(checkout.format('DD'));
		// checkout_day.html(strArray2[3]);
		checkout_day.html('('+checkout.format('ddd')+')');


		// 숙박일수
		$(".night").children("em").text(night);
		$(".check-info").children("em").text(night);
	})

	// 달력 위치 조정
	$("#main-calendar-web").on('datepicker-open', function() {
		var elem = $(event.target);
		if(elem.parent().find(".btn-ui-hrd").length) {
			var initialOffsetTop = elem.offset().top;
			var initialScrollOffset = $(window).scrollTop();
			var initialNewOffsetTop = initialOffsetTop - initialScrollOffset;
			// var pickerHeight = $('.date-picker-wrapper.checkin-web').height();
			$('.checkin-web').css({ // GNB
				position: 'fixed',
				top: (initialNewOffsetTop + 58) + 'px',
				left: (elem.offset().left - 20) + 'px'
			});
			$(".checkin-web.date-picker-wrapper").css("z-index", "10002");
		}
		else {
			if($("#container").hasClass("scroll")) { // container 스크롤한 상태
				$('.checkin-web').css({
					position: 'absolute',
					top: (elem.offset().top + 98) + 'px',
					left: (elem.offset().left - 151) + 'px'
				});
			}
			else { // 스크롤 안한 상태
				$('.checkin-web').css({
					position: 'absolute',
					top: (elem.offset().top - 310) + 'px',
					left: (elem.offset().left - 105) + 'px'
				});
			}
			$(".checkin-web.date-picker-wrapper").css("z-index", "10");
		}
	});

	// 객실 숫자 불투명도 변경
	$(".main-reser-box .btn-num-slct:first-child").on('click', function () { // 이전 버튼
		var inputNum = $(".input-num-slct").val();
		if (inputNum <= 2) {
			$(".btn-num-slct:first-child").css("opacity", "0.4");
		}
		else {
			$(".btn-num-slct").css("opacity", "1");
		}
	});
	$(".main-reser-box .btn-num-slct:last-child").on('click', function () { // 다음 버튼
		var inputNum = $(".input-num-slct").val();
		if (inputNum >= 9) {
			$(".btn-num-slct:last-child").css("opacity", "0.4");
		}
		else {
			$(".btn-num-slct").css("opacity", "1");
		}
	});

	// [p] 20190507 추가
	$(window).resize(function () {
		$('#main-calendar-web').data('dateRangePicker').close();
		$('.ui-btn-checkdate').removeClass('on');
	});

	// 달력 팝업 Detepicker inline (모바일)
	$("#main-calendar-mob").dateRangePicker({
		extraClass: 'checkin-mob',
		language: _cmmnLang,
		//format: 'MM DD ddd YYYY', //format: 'ddd MM DD, YYYY', http://momentjs.com/docs/#/displaying/format/
		singleMonth : false,
		format: 'YYYY.MM.DD.ddd',
//		startDate: $("#date-checkin-mob").val(),
		startDate: moment().format("YYYY.MM.DD.ddd"),
		//singleDate: true,
		stickyMonths: true,
		inline:true,
		container: '#gnb-date-container',
		alwaysOpen:true,
		separator : ' to ',
		hoveringTooltip: false,
		getValue: function()
		{
			if ($('#date-checkin-mob').val() && $('#date-checkout-mob').val() )
				return $('#date-checkin-mob').val() + ' to ' + $('#date-checkout-mob').val();
			else
				return '';
		},
		setValue: function(s,s1,s2)
		{
			s1 = s1 || '';
			s2 = s2 || '';
			$('#date-checkin-mob').val(s1);
			$('#date-checkout-mob').val(s2);

			$form = $('#frmMainReservation');
			$form
				.find('[name="checkinDt"]').val(s1.replace(/[^\d]/gim, '')).end()
				.find('[name="checkoutDt"]').val(s2.replace(/[^\d]/gim, ''));
		},
		beforeShowDay: function(t)
		{
			//개발: 프로모션, 패키지 등 예약 가능 일자가 제한적일 경우 표시
			var startDate = availMainDate.startDate === null||availMainDate.startDate === undefined?0:Number(availMainDate.startDate);
			//마지막 적용 날짜는 체크아웃이 +1일까지 되어야 하기 때문에 +1일 처리
			var endDate = availMainDate.endDate === null||availMainDate.endDate === undefined?0:Number(moment(availMainDate.endDate).format('YYYYMMDD'));
			var invalidDateArray = availMainDate.invalidDateArray === null||availMainDate.invalidDateArray === undefined?[]:availMainDate.invalidDateArray;
			var forSize = invalidDateArray.length;

			var today = Number(moment(t).format("YYYYMMDD"));

			if( startDate == 0 || startDate === undefined ) return [true, '', ''];

			if( today < startDate ){
				return [false, '', ''];
			}else if( today > endDate && (endDate == 0 || endDate === undefined) ) {
				return [false, '', ''];
			}else{
				for(var i = 0; i < forSize; i++){
					if( today == Number(invalidDateArray[i])){
						return [false, '', ''];
					}
				}
			}

			return [true, '', ''];
		}
	});

	// // Detepicker inline (모바일) 체크인아웃
	$("#main-calendar-mob").on("datepicker-change",function(){

		var classText = $(this).closest('div').attr('class');
		var _div = $("#header");

		var start = $("#date-checkin-mob").val();
		var end = $("#date-checkout-mob").val();
		var selected_date = $(".selected-date").parent(".check-info") // 체크인아웃 설정 투숙기간

		var checkin_month = $(".checkin").find(".month");
		var checkin_date = $(".checkin").find(".date");
		var checkin_day = $(".checkin").find(".day");

		var checkout_month = $(".checkout").find(".month");
		var checkout_date = $(".checkout").find(".date");
		var checkout_day = $(".checkout").find(".day");

//		var checkin_month = _div.find(".checkin").find(".month");
//		var checkin_date = _div.find(".checkin").find(".date");
//		var checkin_day = _div.find(".checkin").find(".day");
//
//		var checkout_month = _div.find(".checkout").find(".month");
//		var checkout_date = _div.find(".checkout").find(".date");
//		var checkout_day = _div.find(".checkout").find(".day");

		var strArray = start.split('.');
		var strArray2 = end.split('.');

		var checkin = moment(start.replace(/[^\d]/gim, ''));
		var checkout = moment(end.replace(/[^\d]/gim, ''));

		var night = checkout.diff(checkin, 'days');

		// 체크인
		// if (isLocaleKo) {
			checkin_month.html(checkin.format('MM'));
		// } else {
		// 	checkin_month.html(checkin.format('MMM'));
		// }
		// checkin_date.html(strArray[2]);
		checkin_date.html(checkin.format('DD'));
		// checkin_day.html(strArray[3]);
		checkin_day.html('(' + checkin.format('ddd') + ')');

		// 체크아웃
		// if (isLocaleKo) {
			checkout_month.html(checkout.format('MM'));
		// } else {
		// 	checkout_month.html(checkout.format('MMM'));
		// }
		// checkout_date.html(strArray2[2]);
		checkout_date.html(checkout.format('DD'));
		// checkout_day.html(strArray2[3]);
		checkout_day.html('(' + checkout.format('ddd') + ')');

		// 숙박일수
		$(".night").children("em").text(night);
		$(".check-info").children("em").text(night);

		// 선택 버튼 나타남
		$(".btn-pop-selectDate").show();
	})


	// 객실 수 감소
	$(" .ui-btn-minus").click(function(){
		gnbDecrease(this);
	});
	// 객실 수 증가
	$(" .ui-btn-plus").click(function(){
		gnbIncrease(this);
	});

	var code_search = $(".main-code-search");
	var btn_promo = $(".ui-btn-promo");
	var code_result = $(".code-result");
	var code_input = $("#item-code");
	var code_view = $(".code-view").children(".code");
	//분양회원일시 프로모션 코드 제거
	var memberSize = box_list.find("li").find("a[data-id=memberNo]").length;

	// 프로모션 코드 입력
	$(".ui-btn-promo").off("click.pub").on("click.pub", function() {
		$(".box-select-list").addClass("hide");
		var selectedCodeSearch = $(this).parent().parent().find(code_search);
		$(code_search).not(selectedCodeSearch).addClass("hide");
		selectedCodeSearch.toggleClass("hide");
	});
	// 프로모션 코드 입력 후
	$(".ui-btn-code").off("click.pub").on("click.pub",function () {
		code_input = $(this).parent().parent().find('#item-code');
		var current_code = code_input.val();

		if (!getPromotionInfo($(this))) {
			return false;
		}

		// 프로모션 코드 입력 완료
		if (!code_input.val() == '') {
//			$(this).closest(".main-code-search").addClass("hide");
			$(".main-code-search").addClass("hide");
			// btn_promo.hide(); // 프로모션코드입력창 버튼 사라짐
			code_result.removeClass("hide"); // 프로모션 코드 결과 보이기

			// [APP 메인예약] 프로모션코드 버튼 숨김
			if ($GL_IS_APP) {
				$('#appMainPromoBtn').css("display", "none");

				// APP 메인 프로모션코드 팝업 닫기
				$('.main-reser-box.app-menu').find('.main-code-search').removeClass('on');
			}
		}
		code_view.text(current_code);
		setValue(this, current_code);
	});

	// 프로모션 코드 삭제
	$(".ui-btn-del").off("click.pub").on("click.pub",function () {
		code_result.addClass("hide"); // 프로모션 코드 결과 가리기

		// [APP 메인예약] 프로모션코드 버튼 표시
		if ($GL_IS_APP) {
			$('#appMainPromoBtn').css("display", "block");
		}

		// btn_promo.show(); // 프로모션코드입력창 버튼 보이기
		code_input.val('') // 코드 인풋 value 삭제
		setValue(this, '');
		$form
			.find('[name="promoStDt"]').val("").end()
			.find('[name="promoEdDt"]').val("").end()
	});

	// 객실검색 버튼 선택12345
//	$('#header').find('.ui-search').off('click').on('click', function (){
//		gnbnextPage();
//		return false;
//	});

	$('.ui-search').off('click').on('click', function (){
		var isTop = true;
		if(!$(this).hasClass('isTop')){
			isTop = false;
		}
		gnbnextPage(isTop);

		return false;
	});
})


// 수 감소
function gnbDecrease (el) {
	var stat = $(el).closest("div.number-select").find(".input-num-slct").val();
	var num = parseInt(stat,10);
	var btn = $(el).closest("div.number-select").find(".btn-num-slct");

	num--;

	if(num<=0){
		num =1;
		$(el).addClass("disabled");
	} else if(num<=1) {
		$(el).addClass("disabled");
	}

	btn.removeClass("disabled");
	// $(el).siblings(".input-num-slct").val(num);
	$(".input-num-slct").val(num);
	setValue(el, num);
}


// 수 증가
function gnbIncrease (el) {
	var stat = $(el).closest("div.number-select").find(".input-num-slct").val();
	var num = parseInt(stat,10);
	var btn = $(el).closest("div.number-select").find(".btn-num-slct");

	num++;

	if(num>10){
		num=10;
		$(el).addClass("disabled");
	}
	btn.removeClass("disabled");
	// $(el).siblings(".input-num-slct").val(num);
	$(".input-num-slct").val(num);
	setValue(el, num);
}

// 목록 선택 // 20190415 추가 수정
function listSelect (el) {

	var check = $(el).html();

	//메인 상하위 예약바 매치
	var tagId = $(el).closest(".box-select-list").attr('id');
	var tagetel
	tagetel = $('[name="'+tagId+'"]')


	var select_dep = $(tagetel).closest(".in-colum").find(".colum-selected-txt");
//	var select_dep = $(el).closest(".in-colum").find(".colum-selected-txt");

	var select_dep1 = select_dep.children(".selected.type1");
	var select_dep2 = select_dep.children(".selected.type2");
	var select_dep3 = select_dep.children(".selected.type3");

	// 1dep 클릭시
	if ($(el).hasClass("dep1")) {
//		console.log('dep1 클릭시');

		if($(el).closest(".wp-20").length > 0) { // 회원번호선택 항목에서만 실행
			reserColumToggle(el);
		}

		select_dep1.html(check);

		// 2dep 있을 경우
		if ($(el).next(".depth").length) {
			$(el).next(".depth").removeClass("hide").parent().siblings("li").children(".depth").addClass("hide");
		} else {
			// 닫기
			// 회원번호 1dep 선택 시 예약선택 첫 번째 항목이 자동으로 선택되게 하는 과정에서
			// 1.회원번호 중 풀구좌 회원번호 선택 시 회원번호가 닫히는 현상을 방지하고자
			// 2.예약선택([id="ownType"]) 클릭 시 '회원번호선택'은 닫지 않고 '예약선택'과 '방문리조트선택'은 닫기 위함.
			if ($(el).data().id == 'ownType') {
//			if ($(el).data().id == 'ownType' || $(el).data().id == 'exclusiveCd' || $(el).data().id == 'membYearUseDaysType' ) {
				box_list_step2.addClass("hide");
				box_list_step3.addClass("hide");
			} else {
				box_list.addClass("hide");
				box_list_depth2.addClass("hide");
				box_list_depth3.addClass("hide");
			}

		}
		// 선택됐던 dep 지우기
		select_dep2.html('');
		select_dep3.html('');
	}

	// 2dep 클릭시
	if ($(el).hasClass("dep2")) {
//		console.log('dep2 클릭시');

		reserColumToggle(el);

		select_dep2.html('/ ' + check);

		if ($(el).next(".depth3").length) {
			$(el).next(".depth3").removeClass("hide").parent().siblings("li").children(".depth3").addClass("hide");
		} else {
			// 닫기
			box_list.addClass("hide");
			box_list_depth2.addClass("hide");
			box_list_depth3.addClass("hide");
		}
		// 선택됐던 dep 지우기
		select_dep3.html('');
	}

	// 3dep 클릭시
	if ($(el).hasClass("dep3")) {
		// console.log('3dep 클릭시');

		select_dep3.html('/ ' + check);
		// 닫기
		box_list.addClass("hide");
		box_list_depth2.addClass("hide");
		box_list_depth3.addClass("hide");
	}
}

function reserColumToggle(el) {

	// 프로모션코드 텍스트 추가
	var windowWidth = $(window).width();
	if (windowWidth >= 1280) { // PC
		if(el.closest(".wp-20").length) {
			if ($(el).hasClass("dep1")) { // dep1 클릭시 (회원번호선택)
				$(".colum.wp-15").removeAttr("style");
				$(".colum.wp-20").removeAttr("style");
				$(".colum.wp-20 .colum-selected-txt").removeAttr("style");
				$(".colum.wp-20 .colum-selected-txt .selected").removeAttr("style");
				$(".main-code-area").removeAttr("style");
			}
			else if ($(el).hasClass("dep2")) { // dep2 클릭시 (전용객실/무료객실)
				$(".colum.wp-15").css("width", "10%");
				$(".colum.wp-15:first").css("width", "8%");
				$(".colum.wp-20").css("width", "20%");
				$(".colum.wp-20 .colum-selected-txt").css({
					"white-space": "unset",
					"text-overflow": "unset"
				});
				$(".main-reser-wrap .main-reser-box .colum.wp-25 .ui-btn-promo").css("display", "inline-block");
			}
		}

		// 분양회원(R), L-리더스(L), 통합멤버십 회원(CYBER)
		if($(el).data("membershiptype") === "CYBER") // 통합멤버십 회원(CYBER) 선택시에만
		{
			$(".main-reser-box .ui-btn-promo").css("display", "inline-block");
			$("#container .main-reser-box.wp-member .colum.wp-20").css("width","13%");
			$(".main-reser-box.wp-member .wp-25 .room-colum .main-code-area").css("display","inline-flex");
			$("#header .main-reser-box.wp-member .wp-25 .main-code-area").css("top", "0.8rem");
			$("#header .main-reser-box.wp-member .col-5 .room-colum .main-code-area").css({
				display: "inline-flex",
				top: "0.8rem",
				left: "2.8rem",
				flexDirection: "column"
			});
			$("#container .main-reser-box .wp-15").css("width","9%");
			$("#container .main-reser-box .wp-20").css("width","13.5%");
			$("#container .main-reser-box .wp-30").css("width","15.5%");
			$("#container .main-reser-box .wp-25 .main-code-area").css("left","0");
			$("#container .main-reser-box .col-5 .main-code-area").css("top","1rem").css("left","13rem");
			$("#container .main-reser-box.wp-member .col-5 .main-code-area").css("top","1rem").css("left","2rem");

			if($(el).parents().parent().parent().parent().parent().prev(".wp-15").length) {
				$("#header .main-reser-box.wp-member .wp-25 .main-code-area").css("top", "0.8rem");
				$(":lang(en) #header .main-reser-box.wp-member .wp-25 .main-code-area").css("top", "0.8rem");
				$("#header .main-reser-box.wp-member .wp-20").css("width","16%");
			}

			$("#header .main-reser-box .ui-btn-promo").show()
		}
		else
		{
			$(".main-reser-box .ui-btn-promo").removeAttr("style");
			$(".main-reser-box .main-code-area").removeAttr("style");
			$("#header .main-reser-box.wp-member .colum.wp-20").removeAttr("style");
			$("#container .main-reser-box.wp-member .colum.wp-20").removeAttr("style");
			$("#container .main-reser-box.wp-member .wp-25 .room-colum .main-code-area").removeAttr("style");

			$("#header .main-reser-box .ui-btn-promo").hide()
		}
	}
	else { // 모바일
		// 분양회원(R), L-리더스(L), 통합멤버십 회원(CYBER)
		if($(el).data("membershiptype") === "CYBER") // 통합멤버십 회원(CYBER) 선택시에만
		{
			$(".main-reser-box .ui-btn-promo").css("display", "inline-block");
		}
		else
		{
			$(".main-reser-box .ui-btn-promo").removeAttr("style");
		}
	}
}

function gnbnextPage(isTop) {
	var data = this.buildData();

	if (!this.validator(data)) {
		return false;
	}

	// 회원권 인증 여부
	if (isIntgMember) {
		this.$form
			.find('[name="memberNo"]').val(data.memberNo).end()
			.find('[name="exclusiveCd"]').val(data.exclusiveCd).end()
			.find('[name="exclusiveChargeYn"]').val(data.exclusiveChargeYn).end()
			.find('[name="membYearUseDaysType"]').val(data.membYearUseDaysType).end()
			.find('[name="ownType"]').val(data.ownType);

		// 전용객실 선택 했을 때
		if (data.exclusiveCd == '02') {
			this.$form
				.find('[name="ownType"]').val('').end()
				.find('[name="roomCnt"]').val('1');
		}
	}
	// console.log("결제시작");
	fbq('track', 'InitiateCheckout');

	var reservationType = this.$form.find('[name="reservationType"]').val();
	var urlLong = $('#header').find('[name="urlLong"]').val();
	var beginCheckoutData = {};
	var Ga4_webMemCd = $("#gnb_step1").find("li a.dep1[data-value='"+data.memberNo+"']").data("webmemcd");
	beginCheckoutData.bizCd = data.bizCd;
	beginCheckoutData.branchCode = data.bizCd;
	beginCheckoutData.memberType = Ga4_webMemCd != null ? Ga4_webMemCd : '';
	beginCheckoutData.checkinDt = data.checkinDt;
	beginCheckoutData.checkoutDt = data.checkoutDt;
	beginCheckoutData.rooms = data.roomCnt;
	beginCheckoutData.itemId = '';
	beginCheckoutData.itemName = '';
	beginCheckoutData.itemCategory = 'BAR';
	beginCheckoutData.itemCategory2 = '';
	beginCheckoutData.itemCategory3 = '';
	beginCheckoutData.itemVariant = data.bizCd;
	var selectType = '';
	if(!isTop){
		reservationType = "BAR";
		selectType = '메인';
	}


	if(reservationType == "PKG"){
		beginCheckoutData.selectType = 'GNB_패키지예약';
		beginCheckoutData.itemCategory = 'PKG';
		ga4_begin_checkout(beginCheckoutData); /*GA4 - 전자상거래 : GNB_패키지검색*/
		this.$form.find('[name="memberNo"]').val('');
		this.$form.attr("action", "/" + SITE_TYPE + "/"+ urlLong +"/reservation/package");
	}else{
		beginCheckoutData.selectType = selectType != '' ? selectType : 'GNB_객실예약';
		ga4_begin_checkout(beginCheckoutData); /*GA4 - 전자상거래 : 객실검색(메인 & GNB)*/
		this.$form.attr("action", "/" + SITE_TYPE + "/"+ urlLong +"/reservation/accommodation");

	}

	//프로모션 기간 선택 유도
	if(date.rsvTypeCd != "" &&(parseInt(data.checkinDt) < parseInt(data.promoStDt) || parseInt(data.checkinDt) > parseInt(data.promoEdDt)
		|| parseInt(data.checkoutDt) < parseInt(data.promoStDt) || parseInt(data.checkoutDt) > parseInt(data.promoEdDt)) ){
		var promoStDt = data.promoStDt.substring(0,4) + '.' + data.promoStDt.substring(4,6) + '.' + data.promoStDt.substring(6,8)
		var promoEdDt = data.promoEdDt.substring(0,4) + '.' + data.promoEdDt.substring(4,6) + '.' + data.promoEdDt.substring(6,8)
		var alertMsg ="";

		if(urlLang =='ko'){
			alertMsg += "아래 기간범위 이내의 일자를 선택해주세요.";
			alertMsg += "\n기간 : "+promoStDt+"~"+promoEdDt;
		}else{
			alertMsg += "Please select a date within the period range below.";
			alertMsg += "\nPeriod : "+promoStDt+"~"+promoEdDt;
		}
		alert(alertMsg)
		return;


	}

	//김해 20241008부터 예약가능 안내
	if("91" == data.bizCd && parseInt(data.checkinDt)<parseInt("20241008")){
		const alertTxt = langCd == 'ko' ? "[롯데호텔앤리조트 김해 예약 안내]\n2024년 10월 08일 부터 투숙이 가능합니다." : "[LOTTE HOTELS & RESORTS GIMHAE]\nIt is available to stay from 8th, Oct.";
		alert(alertTxt)
		return;
	}

	this.$form.submit();
}
function buildData() {

	var data = $.extend(
		$('#header').find('#frmMainReservation').serializeObject(), {

		});


	return data;
}


function validator(data) {
	// 분양회원
	if (isIntgMember) {
		// 회원번호 memberNo
		// 전용객실, 추가객실 exclusiveCd
		// 유료객실, 무료객실 exclusiveChargeYn
		// 예약선택 ownType
	}

	if (!data.bizCd) {		// 지점코드 bizCd
		$.core.alert(mainmain180);
		return false;
	} else if (!data.checkinDt) {		// 종료일자 checkoutDt
		$.core.alert(rsvlot930);
		return false;
	} else if (!data.checkoutDt) {		// 시작일자 checkinDt
		$.core.alert(rsvlot931);
		return false;
	} else if (!data.roomCnt) {		// 객실 수 roomNo
		$.core.alert('객실 수를 선택해 주세요.');
		return false;
	}

	return true;
}

// 프로모션 적용 내역 초기화
function resetPromotion() {
	$(".ui-btn-del").trigger('click.pub');
	reserDateRangePicker($('#date-checkin-default').val(), $('#date-checkout-default').val(), null);
}

function reserDateRangePicker(st, et, ex){
	if( st === null || st === undefined || nvl(st) == ''){
		availMainDate.startDate = "";
	}else{
		availMainDate.startDate = st;
	}

	if( et === null || et === undefined || nvl(et) == ''){
		availMainDate.endDate = "";
	}else{
		availMainDate.endDate = et;
	}

	// ',' 연결자로 들어올시 배열로 변환
	if( ex === null || ex === undefined || nvl(ex) == ''){
		availMainDate.invalidDateArray = [];
	}else{
		availMainDate.invalidDateArray = ex.split(",");
	}

	st = st || $('#date-checkin-web').val().replace(/[^\d]/gim, '');
	et = et || $('#date-checkout-web').val().replace(/[^\d]/gim, '');

	// PC 처리
	if($('#main-calendar-web').length > 0){
		$('#main-calendar-web').data('dateRangePicker').resetMonthsView();
		$('#main-calendar-web').data('dateRangePicker').setDateRange(st, et, true);
		// $('#main-calendar-web').data('dateRangePicker').clear();
	}

	// MB 처리
	$('#main-calendar-mob').data('dateRangePicker').resetMonthsView();
	$('#main-calendar-mob').data('dateRangePicker').setDateRange(st, et, true);
	// $('#main-calendar-mob').data('dateRangePicker').clear();
}

function getPromotionInfo(el) {
	var data = {
			procType: 'PRO',
			bizCd: $('#frmMainReservation > :hidden[name="bizCd"]').val(),
			mainCd: el.parent().parent().find('#item-code').val()
		},
		flag = true;

	var	errorerror120 = $('#header').find('[name="errorerror120"]').val();
	var	rsvroom200 = $('#header').find('[name="rsvroom200"]').val();
	var	rsvroom210 = $('#header').find('[name="rsvroom210"]').val();
	var	rsvroom171 = $('#header').find('[name="rsvroom171"]').val();

	// 유효성 체크
	if (!data.bizCd) {
		$.core.alert(rsvroom200 +'\n'+rsvroom210);
		return false;
	} else if (!data.mainCd) {
		$.core.alert(rsvroom171);
		return false;
	}
	$.core.ajax.get({
		url: "/reservation"+getNextUrl(data.bizCd)+"/api/rsvCodeInfo.json"
		, async: false
		, data: data
		, success: function (json) {
			var rsltCd = nvl(json.rsltCd),
				rsltAlert = nvl(json.rsltAlert),
				rsvCodeInfo;

			// 정상이 아닐 떄
			if( rsltCd != "200" ){
				if( nvl(rsltAlert) != "" ) {
					$.core.alert(rsltAlert);
				} else {
					$.core.alert(errorerror120);
				}
				flag = false;
				return false;
			} else if ((json.rsltMsg == 'NODATA' || json.rsltMsg == 'NOVALID')) {
				// 결과 없음!!
				$.core.alert(rsvroom200 +'\n'+rsvroom210);
				flag = false;
				return false;
			}
			//데이트피커 날짜 세팅
			rsvCodeInfo = json.rsvCodeInfo;

//			flow.bind.action.reserDateRangePicker(rsvCodeInfo.rsvFromDt, rsvCodeInfo.rsvToDt, rsvCodeInfo.exceptDt);

			$form
				.find('[name="promoStDt"]').val(rsvCodeInfo.rsvFromDt).end()
				.find('[name="promoEdDt"]').val(rsvCodeInfo.rsvToDt).end()

		}
	});
	return flag;
}