<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script src="/wp-content/stores/js/waitMe/waitMe.min.js"></script>
<script src="/wp-content/stores/js/mobile-detect.min.js"></script>
<script src="/wp-content/stores/js/js.cookie.min.js"></script>

<!-- 여기 변경해주세요. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAWRDxaMU-BhDUol_0uXygK9peHaqPppTE&callback=initMap"></script>
<!-- <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA1Glo67ipIXFSS49944K-DL0n519cnehY&callback=initMap&region=kr"></script> -->
<script>
var stores = <?php echo json_encode($stores); ?>;
var sitem = null;
var currentLocation = null;
var md = new MobileDetect(window.navigator.userAgent);

/*var areaMaps = {
	'' : { zoom : 6.6, lat : 36.205003, lng : 127.941658  },
	'서울특별시' : { zoom : 10, lat : 37.5617649460718, lng : 126.98385072434911  },
	'경기도' : { zoom : 9 , lat : 37.509897133709686, lng : 127.20839476879517  },
	'세종특별시' : { zoom : 12, lat : 36.576475011981806, lng : 127.27505717913542  },
	'강원도' : { zoom : 9, lat : 37.854348629377576, lng : 128.29982080522174  },
	'대전광역시' : { zoom : 12, lat : 36.33851763337904,  lng : 127.4021876372192  },
	'광주광역시' : { zoom : 12, lat : 35.171347796262026,  lng : 126.86886058489665  },
	'대구광역시' : { zoom : 12, lat : 35.859976650817046,  lng : 128.57837101313004  },
	'전라남도' : { zoom : 9, lat : 34.97889611246126, lng : 126.95656963163225  },
	'전라북도' : { zoom : 9, lat : 35.75303658798132,  lng : 127.17433993659985  },
	'경상남도' : { zoom : 9, lat : 35.393248340863536, lng : 128.4952902757547  },
	'경상북도' : { zoom : 9, lat : 36.524811945021604, lng : 128.28929668627597  }
};*/

var areaMaps = {
	'' : { zoom : 6.6, lat : 36.205003, lng : 127.941658  },
	'서울' : { zoom : 10, lat : 37.5617649460718, lng : 126.98385072434911  },
	'부산' : { zoom : 10, lat : 35.16330717164736, lng : 129.04673548664138  }, 
	'대구' : { zoom : 12, lat : 35.859976650817046,  lng : 128.57837101313004  },
	'인천' : { zoom : 12, lat : 37.46752683656458,  lng : 126.65512202135287  },  
	'광주' : { zoom : 12, lat : 35.171347796262026,  lng : 126.86886058489665  },
	'대전' : { zoom : 12, lat : 36.33851763337904,  lng : 127.4021876372192  },
	'울산' : { zoom : 12, lat : 35.54247717933761,  lng : 129.30995600573968  }, 
	'세종' : { zoom : 12, lat : 36.576475011981806, lng : 127.27505717913542  },
	'경기' : { zoom : 9 , lat : 37.509897133709686, lng : 127.20839476879517  },
	'강원' : { zoom : 9, lat : 37.854348629377576, lng : 128.29982080522174  },
	'충북' : { zoom : 9, lat : 36.80049490205156, lng : 127.9285100093123  }, 
	'충남' : { zoom : 9, lat : 36.55589464181007, lng : 126.8898361753918  }, 
	'전북' : { zoom : 9, lat : 35.75303658798132,  lng : 127.17433993659985  },
	'전남' : { zoom : 9, lat : 34.97889611246126, lng : 126.95656963163225  },
	'경북' : { zoom : 9, lat : 36.524811945021604, lng : 128.28929668627597  },
	'경남' : { zoom : 9, lat : 35.393248340863536, lng : 128.4952902757547  },
	'제주' : { zoom : 10.5, lat : 33.386594588365924, lng : 126.53773984177207  }
};

Kakao.init('15ca088d7eac714d61edd493d287ad39');

var curPage = 1;
function getSearchList(page)
{
	curPage = page;
	$('#listPH').waitMe({
			effect : 'bounce', 
			text : '', 
			bg : 'rgba(255,255,255,0.7)', 
			color : '#000', 
			sizeW : '', 
			sizeH : '', 
			source : ''
	});

	var extra = '';

	if(currentLocation)
		extra = '&lat=' + currentLocation.lat + '&lng=' + currentLocation.lng; 
	
	var kwFiltering = false;
	var areaFiltering = false;
	var brandFiltering = false;
	var duFiltering = false;
	Cookies.set(ctype + '_sarea', '');
	Cookies.set(ctype + '_skw', '');
	Cookies.set(ctype + '_sbr', '');
	Cookies.set(ctype + '_sdu', '');

	//230703 수정
	if ($('select[name=area]').val().length > 0) {
    areaFiltering = true;
    Cookies.set(ctype + '_sarea', $('select[name=area]').val());
	}
	if ($('select[name=brand]').val().length > 0) {
		brandFiltering = true;
		Cookies.set(ctype + '_sbr', $('select[name=brand]').val());
	}

	if ($('input[name=store_name]').val().length > 0) {
		kwFiltering = true;
		Cookies.set(ctype + '_skw', $('input[name=store_name]').val());
	}

	if ($('input[name=delivery]').val().length > 0) {
		duFiltering = true;
		Cookies.set(ctype + '_sdu', $('input[name=delivery]').val());
	}
	// if($('select[name=area]').val().length > 0)
	// {
	// 	areaFiltering = true;
	// 	Cookies.set(ctype + '_sarea', $('select[name=area]').val());
	// }
	// if($('select[name=brand]').val().length > 0)
	// {
	// 	areaFiltering = true;
	// 	Cookies.set(ctype + '_sarea', $('select[name=brand]').val());
	// }


	// if($('input[name=store_name]').val().length > 0)
	// {
	// 	kwFiltering = true;

	// 	//if(!areaFiltering)
	// 		Cookies.set(ctype + '_skw', $('input[name=store_name]').val());		
	// }


	var url = '/wp-content/stores/getList.php?page=' + curPage;
	$.ajax({
		type: "POST",
		url: url,
		dataType:"html",
		data : $("#sFrm").serialize() + extra ,
		success:function(html){
			$('#listPH').html(html);
			$('#listPH').waitMe("hide");
			if(kwFiltering)
				$('#listPH tr:first').find('.moveMap').trigger('click');
			else if(areaFiltering)
			{
				var am = areaMaps[$('select[name=area]').val()];
				if(am)
				{
					var center = {lat: Number(am.lat), lng: Number(am.lng)};
					
					map.setCenter(center)
					map.setZoom(am.zoom);
				}
			}
			else
			{
				if(!currentLocation)
				{
					var am = areaMaps[''];
					if(am)
					{
						var center = {lat: Number(am.lat), lng: Number(am.lng)};
						
						map.setCenter(center)
						map.setZoom(am.zoom);
					}
				}
			}

		},
		error:function (xhr, ajaxOptions, thrownError){
			//alert(xhr.status);
			//alert(thrownError);
			$('#listPH').waitMe("hide");
		}    
	});
}

function findStoreByKey(key)
{
	for(var i in stores)
	{
		if(stores[i].key == key)
		{
			return stores[i];
		}
	}
	return null;
}

////////////////////////////////////////////////////////////////




////////////////////////////////////////////////////////////////

$(document).ready(function () {


	$("input[name=store_name]").keypress(function(e) {
	  if (e.keyCode == 13) {
		 getSearchList(1);
	  }
	});

	$('.search_btn').click(function(){
		getSearchList(1);
	});

    $(document).on('click','.view_detail_btn, .pop_close',function () {

		if(!$('.store_popup').hasClass('on'))
		{
			var key = $(this).data('key');
			sitem = findStoreByKey(key);


			if(sitem)
			{

				$('.store_popup .pop_tit > span').html(sitem.name);
				$('.store_popup .tel').html(sitem.tel);
				$('.store_popup .addr').html(sitem.addr);
				$('.store_popup #copy_address').val(sitem.addr);

				if(sitem.baemin)
					$('.icon_delivery > a').attr('href',sitem.baemin).show();
				else
					$('.icon_delivery > a').hide();

				var storeLocation = { lat:  Number(sitem.lat) ,lng: Number(sitem.lng) };
				var smap = new google.maps.Map( document.getElementById('popMap'), {
				  zoom: 16,
				  center: storeLocation
				});

				const marker = new google.maps.Marker({
					position: storeLocation,
					map: smap
				});

			}
		}

		$('.store_popup_bg').toggleClass('on');
		$('.store_popup').toggleClass('on');
    });

	$('.kakao_navi').click(function(){

		if(sitem)
		{
			Kakao.Navi.start({
				name: sitem.name,
				x: Number(sitem.lng),
				y: Number(sitem.lat),
				coordType: 'wgs84'
			});	

	        $('.store_popup_bg').toggleClass('on');
		    $('.store_popup').toggleClass('on');
		}
	});

	$(document).on('click','.btn_navi',function(){

		var key = $(this).data('key');
		var item = findStoreByKey(key);

		if(item)
		{
			Kakao.Navi.start({
				name: item.name,
				x: Number(item.lng),
				y: Number(item.lat),
				coordType: 'wgs84'
			});	

		}
	});

	$(document).on('click','.moveMap',function(){

		var key = $(this).data('key');
		var item = findStoreByKey(key);

		if(item)
		{
			var center = {lat: Number(item.lat), lng: Number(item.lng)};

			map.setCenter(center)
			map.setZoom(13);
		}
	});


	$('.copy_address_btn').click(function(){
		var obj = document.getElementById("copy_address");
		obj.select(); //인풋 컨트롤의 내용 전체 선택
		document.execCommand("copy"); //복사
		obj.setSelectionRange(0, 0); //선택영역 초기화
		alert('주소가 복사되었습니다.');
	});

	$(document).on('click','.tel',function(){
		var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

		if(isMobile)
		{
			var tel = $(this).text();
			window.open('tel:'+tel, '_self');
		}
	});


});



function initMap() {

	var sarea = Cookies.get(ctype + '_sarea');
	var skw = Cookies.get(ctype + '_skw');
	if(sarea)
	{
		$('select[name=area]').val(sarea);
	}

	if(skw)
	{
		$('input[name=store_name]').val(skw);
	}

	getLocation();

}

function getAltLocation()
{
	// IP > GPS 정보 추출 기능 제거
	/*var url = '/wp-content/stores/getGeoLocation.php';
	$.ajax({
		   type: "GET",
		   url: url,
		   dataType:"json",
           async:true,
           crossDomain:true,
		   success:function(data){
				var position = {};
				position.coords = { latitude : data.latitude, longitude : data.longitude };
				showPosition(position);
		   },
		   error:function (xhr, ajaxOptions, thrownError){
			   //alert(xhr.status);
			   //alert(thrownError);
		   }    
	});*/
	var position = {};
	position.coords = { latitude : 36.205003, longitude : 127.941658 };
	position.zoom = 6.6;
	showPosition(position);
}


function getLocation() {
 
  try
  {
	  if(md.mobile())
	  {
		if ( navigator.permissions && navigator.permissions.query) {
		  navigator.permissions.query({ name: 'geolocation' }).then(function(result) {
			  // Will return ['granted', 'prompt', 'denied']
			  const permission = result.state;
			  if ( permission === 'granted' || permission === 'prompt' ) {
				  _onGetCurrentLocation();
			  }
		  });
		} else if (navigator.geolocation) {
		  _onGetCurrentLocation();
		}
	  }
	  else
	  {
		getAltLocation();	
	  }
  }
  catch (e)
  {
	getAltLocation();
  }
  

}

function _onGetCurrentLocation () {
    const options = {
            enableHighAccuracy: true,
            timeout: 5000,
            maximumAge: 0
    };
    navigator.geolocation.getCurrentPosition( showPosition, function (error) {
      getAltLocation();
    }, options)
}

function showPosition(position) {

	currentLocation = { lat:  position.coords.latitude ,lng: position.coords.longitude };

	map = new google.maps.Map( document.getElementById('mapArea'), {
      zoom: position.zoom ? position.zoom : 12,
      center: currentLocation
    });

	if(position.zoom)
		currentLocation = null;

    getSearchList(1);

	for(var i in stores)
	{
		var s = stores[i];

		const contentString = '<h2 class="nanum_sq">'+s.name+'</h2><a class="view_detail_btn" data-key="'+ s.key + '">자세히보기</a>';

		const infowindow = new google.maps.InfoWindow({
			content: contentString,
		});

		var loc = { lat: Number(s.lat) ,lng: Number(s.lng) };
	  	const marker = new google.maps.Marker({
			position: loc,
			map: map,
			icon: ( s.brand == '얌샘김밥' ? '/wp-content/stores/images/pin_yum_rice.png' : s.brand == '얌샘김밥플러스' ? '/wp-content/stores/images/store_plus_logo.png' : '/wp-content/stores/images/pin_yumsem.png' )
		});

		marker.addListener("click", function() {
			infowindow.open(map, marker);
		});

	}

}


</script>