const carouselObj = {
	items:				1,
	margin: 			15,
	dots:				false,
	nav:				true,
	navText:			['',''],
	loop:				true,
	autoplay:			true,
	autoplayTimeout:	8000,
	autoplayHoverPause:	true,
	autoplaySpeed:		1000,
};

function ajax_rack_detail(rack_id){
	$.post(Project_Country+'store/ajax/ajax_get_rack_data-p.php', {ID :rack_id}, function(res){
		let bannerString = '';
		if(res.Store_Img) {
			bannerString += `<div class="store-banner">${res.Store_Img}</div>`
		}

		let detailString = '';
		if(res.Logo_Pic) {
			detailString += `<div class="store-logo">${res.Logo_Pic}</div>`
		}
		detailString += `<div class="store-detail">`
		detailString += `	<h2 class="store-title ${res.TStore}">${res.Name}</h2>`
		if(res.Address) {
			detailString += `	<p class="store-string">${_jsLang.門市地址}：<span class="font-info">${res.Address}</span></p>`
		}
		if(res.Tel) {
			detailString += `	<p class="store-string">${_jsLang.門市電話}：<span class="font-info">${res.Tel}</span></p>`
		}
		if(res.Open) {
			detailString += `	<p class="store-string">${_jsLang.營業時間}：<span class="font-info">${res.Open}</span></p>`
		}
		if(res.Intro) {
			detailString += `	<p class="store-string">${res.Intro}</p>`
		}
		if(res.Content) {
			detailString += `	<div class="web-editor">${res.Content}</div>`
		}
		detailString += `</div>`
		if(res.Google_Map) {
			detailString += `<div class="store-map responsive-embed ratio-21x9">${res.Google_Map}</div>`
		}

		$('#storeContent').html(`
			${bannerString}
			<div class="store-box">
			    ${detailString}
			</div>
		`)

		if($(".store-banner").children().length > 1) {
		    $(".store-banner").owlCarousel(carouselObj);
		}
	}, 'json');
}

// 商店資訊切換
;(function($) {
	$('.item').on('click', '.view_detail', function(event) {
		if($(window).width() >= 660) {
			event.preventDefault();
			const rack_id = $(this).attr('rack_id');
			ajax_rack_detail(rack_id);
		}
	});
})($)

// 商店篩選
;(function($) {
    $("#rack_sub,#rack_class,#city_id").on("change", function(e){
    	$("#Search_Rack").submit();
    });
})($)

// 商店圖輪播
;(function($) {
	if($(".store-banner").children().length > 1) {
	    $(".store-banner").owlCarousel(carouselObj);
	}
})($)