// ==========================================================
// 	列表上方廣告banner輪播
// ==========================================================
;(function($) {
    if($('.picSlides-big').length) {
    	$('.picSlides-big').each(function(i, ele) {
    		if($(ele).children().length > 1) {
    			$(ele).owlCarousel({
			     	autoplay: true,
			     	autoplayHoverPause: true,
			     	autoplaySpeed: 1500,
			     	autoplayTimeout: 5000,
					dots: false,
					items: 1,
					loop: true,
					margin: 10,
					nav: true,
					navText:  ['<i class="icon icon-angle-left"></i>', '<i class="icon icon-angle-right"></i>'],
				})
    		}
    	})
    }
})($)

// ==========================================================
// 	排序展開
// ==========================================================
;(function($) {
    $(document).on("click", ".dropdown-btn", function(){
        let box = $(this).parents(".select-dropdown")
        if(box.hasClass("in-open")){
            box.removeClass("in-open")
            $(document).off("click.closeDropdown")
        }else{
            $(".select-dropdown").removeClass("in-open")
            box.addClass("in-open")
            $(document).on("click.closeDropdown", function(e){
                let target = $(e.target)
                if(target.closest(".select-dropdown").length <= 0){
                    box.removeClass("in-open")
                    $(document).off("click.closeDropdown")
                }
            })
        }
    })
    $(document).on("click", ".dropdown-item", function(){
        let _this = $(this)
        let box = _this.parents(".select-dropdown")
        let target = box.data("target")
        if(_this.hasClass("selected")){
            $(target).val("").trigger("change")
            _this.removeClass("selected")
			box.removeClass("in-selected")
        }else{
            $(target).val(_this.data("value")).trigger("change")
            _this.siblings().removeClass("selected")
            _this.addClass("selected")
			box.addClass("in-selected")
        }
    })
})($)



// ==========================================================
// 	手機側欄
// ==========================================================
;(function($) {
    $(document).on("click", ".panel-toggle", function(){
        let _this = $(this)
        let panel = _this.data("panel")
        $(panel).toggleClass("in-active")
    })
    $(document).on("click", ".aside-panel", function(e){
        if($(e.target).hasClass("aside-panel") || $(e.target).closest(".panel-closer").length){
            $(this).removeClass("in-active")
        }
    })
})($)

// ==========================================================
// 	手機版篩選器
// ==========================================================
;(function($) {
    //將filter的位置依照需求調整
    function filterHtmlCopy(){
        if($(window).width() >= 1200){
            let filterHtml = $(".product-filter-toggle").next(".dropdown-list").find(".aside-collapse").detach()
            $("#productSearch .panel-body").append(filterHtml)
        }else{
            let filterHtml = $("#productSearch .aside-collapse").detach()
            $(".product-filter-toggle").next(".dropdown-list").append(filterHtml)
        }
    }
    filterHtmlCopy()
    $(window).on("resize", function(){
        filterHtmlCopy()
    })
})($)