$(function() {
	//리스트
	$(document).on("click",".pagelist",function(e){
		var $this  = $(this),
			$wrap  = $this.closest('ul'),
			viewtype = 'pagelist',
			caname = $this.data('caname') ? $this.data('caname') : '',
			state  = $this.data('state') ? $this.data('state') : '',
			page  = $this.data('page') ? $this.data('page') : '';
		//console.log($wrap.find('li a'));
		$wrap.find('li a').removeClass('on');
		$this.addClass('on');
		//pageView(viewtype,caname,state,'',page);
		//return false;
	});
	//상세보기
	$(document).on("click",".pageview",function(e){
		var $this  = $(this),
			viewtype = 'pageview',
			caname = $this.data('caname'),
			state  = $this.data('state'),
			uid    = $this.data('uid'),
			page  = $this.data('page');
		//pageView(viewtype,caname,state,uid,page);
		return false;
	});
	//페이지 이동
	$(document).on("click",".page_move",function(e){
		var $this  = $(this),
			viewtype = 'pagelist',
			caname = $this.data('caname'),
			state  = $this.data('state'),
			page  = $this.data('page');
		//pageView(viewtype,caname,state,'',page);
		return false;
	});	
	//pageMove();	
	//사전예약 신청
	$(document).on("click",".bookingbtn",function(){
		var $this = $(this),
			classname = $this.data('class'),
			page = $this.data('page'),
			uid = $this.data('uid'),
			tle = '',
			html = '',
			openModal = true;
		if(!uid) {
			alert('사전예약 상품 정보가 없습니다');
			return false;
		}

		$('#myModal').addClass(classname+' '+page);
		$.ajax({
			type: "POST",
			async:false,
			data: {act:'view_booking', uid:uid},
			url: g5_url +'/mshop/ajax.event.php',
			success: function(data) {
				//console.log(data);
				if(data.result == 'failer') {
					alert(data.message);
					return false;
				}
				tle = data.event.et_subject;
				var loadDate = new Date();
				html += '<form name="bookingform">';
				html += '<input type="hidden" name="act" value="booking_input">';
				html += '<input type="hidden" name="uid" value="'+data.event.et_id+'">';
				html += '<div class="bookingform">';
					if(data.item.length > 0) {
						html += '<div class="dtable_wrap">';
						html += '<div class="dth td25"><span>예약모델</span></div>';
						html += '<div class="dtd td75">';
							html += '<select name="dl_model" id="dl_model" class="input_select">';
							$.each(data.item, function(i,$i) {
								html += '<option value="'+$i.mm_model_code+'">'+$i.mm_model_cname+'</option>';
							});
							html += '</select>';
						html += '</div>';
						html += '</div>';
					}
					
					
					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25"><span>예약통신사</span></div>';
						html += '<div class="dtd td75 et_radio">';
							html += '<input type="radio" name="et_telecom" id="et_telecom_skt" value="SKT" class="et_telecom">';
							html += '<label for="et_telecom_skt">SKT</label>';
							html += '<input type="radio" name="et_telecom" id="et_telecom_kt" value="KT" class="et_telecom">';
							html += '<label for="et_telecom_kt">KT</label>';
							html += '<input type="radio" name="et_telecom" id="et_telecom_lgu" value="LGU" class="et_telecom">';
							html += '<label for="et_telecom_lgu">LGU+</label>';
						html += '</div>';
					html += '</div>';
					
					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25"><span>가입유형</span></div>';
						html += '<div class="dtd td75 et_radio">';
							html += '<input type="radio" name="et_ordertype" id="et_telecom_0" value="신규가입" class="et_ordertype">';
							html += '<label for="et_telecom_0">신규가입</label>';
							html += '<input type="radio" name="et_ordertype" id="et_telecom_1" value="번호이동" class="et_ordertype">';
							html += '<label for="et_telecom_1">번호이동</label>';
							html += '<input type="radio" name="et_ordertype" id="et_telecom_2" value="기기변경" class="et_ordertype">';
							html += '<label for="et_telecom_2">기기변경</label>';
						html += '</div>';
					html += '</div>';

					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25">이름</div>';
						html += '<div class="dtd td75"><input type="text" name="dl_name" class="input_text td100" placeholder="이름입력"></div>';
					html += '</div>';

					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25">연락처</div>';
						html += '<div class="dtd td75"><input type="text" name="dl_hp" class="input_text hp td100" placeholder="연락처를 입력하세요"></div>';
					html += '</div>';

					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25">상담희망일</div>';
						html += '<div class="dtd td75">';
							html += '<div class="d-flex justify-content-between">';
							html += '<select name="dl_date" class="dlqa_date input_select td49">';
							for (var i = 0; i < 11; i++) {
								var newDate = new Date(Date.parse(loadDate) + i * 1000 * 60 * 60 * 24);
								var strDate = get_date_str(newDate,'-');
								if(strDate != false) {
									html += '<option value="'+strDate+'">'+strDate+'</option>';
								}
							}
							html += '</select>';
							html += '<select name="dl_time" class="dlqa_time input_select td49">';
							html += '<option value="">시간선택</option>';
							for (var i = 9; i < 18; i++) {
								var h = i > 9 ? i : "0" + i;
								var nh = i + 1;
									h = h+':00';
									nh = nh+':00';
								var h = h+'~'+nh;
								html += '<option value="'+h+'">'+h+'</option>';
							}
							html += '</select>';
							html += '</div>';
						html += '</div>';
					html += '</div>';

					html += '<div class="dtable_wrap">';
						html += '<ul class="dot_list">';
							html += '<li>사전예약을 통해 저렴하게 휴대폰을 구매하실 수 있습니다.</li>';
							html += '<li>희망날짜와 시간을 지정하시면 지정된 시간대에 상담전화를 드립니다.</li>';
							html += '<li>평일 09:00~19:00 / 토요일 09:00~14:00 (일요일, 공휴일 제외)</li>';
						html += '</ul>';
					html += '</div>';

					html += '<div class="dtable_wrap">';
						html += '<div class="dth td25">전달사항</div>';
						html += '<div class="dtd td75"><textarea name="dl_content" class="input_textarea td100" placeholder="남기실 말씀"></textarea></div>';
					html += '</div>';

					html += '<div class="button_wrap mt-3 mb-3">';
						html += '<button type="button" class="bton big closex bg3"><span class="color-white">창닫기</span></button>';
						html += '<button type="button" class="bton big frmsubmit bg6" id="booking_input"><span class="color-white">사전예약신청</span></button>';
					html += '</div>';

				html += '</div>';
				html += '</form>';
				

				$('.header-title').empty().append(tle);
				$('.myModal-body').empty().append(html);
				
				$('#myModal').show(0,'swing', function() {
					$('html').addClass('noscroll');
					$('#myModal .myModal-content').addClass('open');
					
				});
				return false;
			}
		});
	});

	//사전예약 등록
	$(document).on("click","#booking_input",function(){
		var $this = $(this),
			$wrap = $this.closest('form');
		
		if(! $('input[name="dl_name"]').val() ) {
			alert('이름을 입력하세요.');
			$('input[name="dl_name"]').focus();
			return false;
		}
		if(! $('input[name="dl_hp"]').val() ) {
			alert('연락처를 입력하세요.');
			$('input[name="dl_hp"]').focus();
			return false;
		}

		$.ajax({
			type: "POST",
			data: $wrap.serialize(),
			url: g5_url+'/mshop/ajax.event.php',
			success: function(data) {
				//console.log(data.result);
				if(data.result == 'success') {
					
					var html = '',
						tle = '';
					tle += '사전예약 접수 완료';
					html += '사전예약이 접수되었습니다.';
					
					$('.header-title').empty().append(tle);
					$('.myModal-body').empty().append(html);
				}
			}
		});
	});

	//모델 상세보기
	//사전예약 등록
	$(document).on("click",".et_thumb_image",function(){
		var $this = $(this),
			uid   = $this.data('uid'),
			openModal = true;
		if(!uid) {
			alert('모델 정보가 없습니다');
			return false;
		}
		$('#myModal').addClass('fadedown');
		$.ajax({
			type: "POST",
			data: {act:'view_model', uid:uid},
			url: g5_url+'/mshop/ajax.event.php',
			success: function(data) {
				//console.log(data);
				if(data.result == 'failer') {
					alert(data.message);
				}
				var html = '';
				html += '<div class="model_detail_wrap">';
				if(data.image) {
					html += '<div class="model_image">';
					$.each(data.image, function(i, $i) {
						html += '<div class="model_thumb"><img src="'+$i+'"></div>';
					});
					html += '</div>';
				}
				if(data.content) {
					html += '<div class="model_content">';
						html += data.content;
					html += '</div>';
				}
				html += '</div>';

				$('.header-title').empty().append(data.model.mm_model_cname);
				$('.myModal-body').empty().append(html);
				
				$('#myModal').show(0,'swing', function() {
					$('html').addClass('noscroll');
					$('#myModal .myModal-content').addClass('open');
					
				});
				return false;
			}
		});
	});
});

$(window).on({
	popstate:function(e) {
		//pageMove();
	}
});

function pageMove() {
	var url = location.href,
		url = decodeURI(url),
		viewtype = caname = state = uid = page = '';
	var hash = url.split('#');

	if(!hash[1]) {
		pageView('pagelist','이벤트','진행중',uid,page);
		return false;
	}
	var str = hash[1].split('/');
	var viewtype = str[0],
		caname = str[1],
		state  = str[2],
		uid    = str[3],
		page   = str[4];	
	pageView(viewtype,caname,state,uid,page);
	return false;
}

function pageView(viewtype,caname,state,uid,page) {
	var reurl = '#';
	if(!viewtype) {
		return false;
	}
	reurl += viewtype;
	if(caname) {
		reurl += '/'+caname;
	} else {
		reurl += '/@';
	}
	if(state) {
		reurl += '/'+state;
	} else {
		reurl += '/@';
	}
	if(uid) {
		reurl += '/'+uid;
	}
	if(page) {
		reurl += '/'+page
	}
	
	if(viewtype == 'pagelist') {
		$.ajax({
			type:"POST",
			async: false,
			data: {act:'event_list',caname:caname,state:state,page:page},
			url:'./ajax.event.php',
			success: function(data) {
				console.log(data);
				var html = '';
				html += '<div class="evt_list_wrap mobile-padding">';
					html += '<ul class="ul_list">';
					$.each(data.list, function(i, $i) {
						html += '<li class="li_list">';
							html += '<a href="javascript:void(0);" data-caname="'+caname+'" data-state="'+state+'" data-uid="'+$i.et_id+'" data-page="'+data.page_num+'" class="pageview">';
							html += '<div class="list_img" style="background-image:url(\''+$i.image+'\');"><img src="'+g5_theme_url+'/img/no_image430.jpg" title="'+$i.et_subject+'"></div>';
							html += '<div class="list_info">';
								html += '<p>'+$i.et_subject+'</p>';
								html += '<div>'+$i.content+'</div>';
								if($i.et_state == '당첨자') {
									html += '<span class="cate_'+$i.et_class+'">'+$i.et_state+'발표</span>';
								} else {
									html += '<span class="cate_'+$i.et_class+'">'+$i.et_type+'</span>';
								}
							html += '</div>';
							html += '</a>';
						html += '</li>';
					});
					html += '</ul>';
				html += '</div>';				
				history.pushState(null,null,reurl);
				$('#mobile_sub_banner, #pc_sub_banner').show();
				//$('.page_title').empty().html('<span>'+caname+'</span>');
				$('.pagelist').data('page',page);
				$('#page_category').empty().html(data.page_category);
				$('#sub_page_menu').empty().html(data.submenu);
				$('#page_content').empty().html(html);
				$('#event_pageing').empty().html(data.pageing);
			}
		});
	}

	if(viewtype == 'pageview') {
		$.ajax({
			type:"POST",
			async: false,
			data: {act:'event_view',caname:caname,state:state,uid:uid},
			url:'./ajax.event.php',
			success: function(data) {
				//console.log(data);
				var html = '';
				html += '<div class="event_view">';
					html += '<h1 class="view_title"><span>'+data.view.et_subject+'</span><span class="datetime">'+data.view.datetime+'</span></h1>';
					html += '<div class="view_content">'+data.view.et_content+'</div>';
				html += '</div>';
				
				html += '<div class="item_list">';
					html += '<ul class="ul_list">';
					$.each(data.item, function(i, $i) {
						if(!!$i.item) {
							html += '<li class="li_list">';
								html += '<a href="'+g5_url+'/mshop/itemview.php?itemid='+$i.item.it_id+'&amp;tid='+$i.item.telecom+'&amp;oid='+$i.item.ordertype+'">';
								html += '<div class="list_img"><img src="'+$i.image+'" title=""></div>';
								html += '<div class="item_name">'+$i.item.modelcname+'</div>';
								html += '</a>';
							html += '</li>';
						}
					});
					html += '</ul>';
					if(caname == '사전예약' && state=='진행중') {
						html += '<div class="button_wrap">';
							html += '<button type="button" class="bton bookingbtn" data-class="fadedown" data-page="event_booking" data-uid="'+uid+'">사전예약신청하기</button>';
						html += '</div>';
					}
				html += '</div>';
				html += '<div class="view_btn_wrap">';
					html += '<a href="javascript:void(0);" data-caname="'+caname+'" data-state="'+state+'" data-page="'+page+'" class="pagelist view_btn">목록</a>';
				html += '</div>';
				
				
				reurl = '#'+viewtype+'/'+caname+'/'+state+'/'+uid+'/'+page;
				history.pushState(null,null,reurl);
				$('#mobile_sub_banner, #pc_sub_banner').hide();
				//$('.page_title').empty().html('<span>'+caname+'</span>');
				$('#sub_page_menu').empty().html(data.submenu);
				$('#page_category').empty().html(data.page_category);
				$('#page_content').empty().html(html);
			}
		});
	}

	$('.sub_menu_box').find('a').removeClass('on');
	$('.sub_menu_box').find("[data-caname='"+caname+"']").addClass('on');
	$('.page_category').find('a').removeClass('on');
	$('.page_category').find("[data-state='"+state+"']").addClass('on');
}