$(document).ready(function () {
    //立即購買
    $('body').on('click','.index-buyButton',function(){
        var SID = $(this).attr('sid');
        if(SID){
            get_prod_item(SID);
        }
    });
    //立即購買_關閉
    $('.buypop-close').on('click',function(){
        $('.buypopbox').removeAttr('style');
    });
    //立即購買_規格下拉選單
    $(".buypop-selectbox").on('change',".color-select, .size-select",function(){
        var SID = $(this).val();
        if(SID){
            get_prod_item(SID);
        }
    });
    //立即購買_加入購物車按鈕
    $(".buypop-buttonbox").on("click",".buypop-button",function(){
        var _item = $(this).parents(".buypop-buttonbox"),
            SID   = $(this).attr('sid') || 0,
            num   = _item.find(".amountBox").val() || 0;
            if(SID == 0){
                alert(_jsLang.請選擇尺寸或規格);
                //errorbox();
            }else if(num ==0){
                alert(_jsLang.請選擇數量);
                //errorbox();
            }else{
                add_to_cart(SID,num);
            }
    });
    //立即購買_取得商品詳細資料
    function get_prod_item(SID){
        $.ajax({
            url:"/my/module/ajax/ajax_get_pop_prod_item-p.php",
            type:"POST",
            cache:false,
            async:false,
            dataType:"json",
            data:{SID:SID},
            error:function(d){
                alert(_jsLang.網路連線過慢網頁請重新整理);
            },
            success:function(d){
                if(d.Size_Sel==''){
                    if(d.Stock>0){
                        add_to_cart(SID,1);
                    }else{
                        alert(_jsLang.商品庫存不足);
                    }
                }else{
                    $(".buypop-title").html(d.Name);
                    $('.buypop-word').html(d.Name_Sub);
                    $('.buypop-picbox').html(d.Pic_Path);
                    $('.buypop-price').html('NT$'+d.Price1);
                    $('.buypop-selectbox').html(d.Size_Sel);
                    if(d.Stock>0){
                        $('.text-smail').val(1);
                    }else{
                        $('.buypop-buttonbox').html(_jsLang.商品庫存不足);
                    }
                    $('.text-smail').attr('max',d.Stock);
                    $('.buypop-button').attr('sid',d.ID);
                    $('.buypopbox').css('display','flex');
                }
            }
        });
    }
    //立即購買_加入購物車
    function add_to_cart(SID,num){
        $.ajax({
            url:"/my/ajax/ajax_add_to_cart.php",
            type:"POST",
            cache:false,
            async:false,
            data:{SID:SID, num:num, webcacheno:$('#webcacheno').val()},
            dataType: 'json',
            error:function(d){
                alert(_jsLang.網路連線過慢網頁請重新整理);
            },
            success:function(d){
                if(d.Stock && d.Stock != 'null'){
                    d.Stock = (d.Stock>20)?'20':d.Stock;
                    if(d.Stock>0){
                        $('.text-smail').val(1);
                    }else{
                        $('.text-smail').val(0);
                    }
                    $('.text-smail').attr('max',d.Stock);
                }

                if(d.Alert == 'OK'){
                    if(d.GA && typeof ga == 'function')
                    {
                        for(var key in d.GA)
                        {
                            ga('ec:addProduct',d.GA[key]);
                        }
                        ga('ec:setAction','add');
                        ga('send','event','購物車','addtocart',d.GA_event);
                    }
                    if(d.GA_conversion && typeof gtag == 'function')
                    {
                        gtag('event', 'conversion', {'send_to':d.GA_conversion});
                    }
					if(d.GA_conversion2 && typeof gtag == 'function')
                    {
                        gtag('event', 'conversion', {'send_to':d.GA_conversion2});
                    }
                    if(d.FBQ)
                    {
                        eval(d.FBQ)
                    }

                    if(d.Criteo){
                        window.criteo_q = window.criteo_q || [];
                        var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
                        var CriteoAddToCart = [d.Criteo];
                        window.criteo_q.push(
                            {event: "setAccount", account: d.Criteo_Account},
                            {event: "setEmail", email: d.email, hash_method: "sha256"},
                            {event: "setSiteType", type: deviceType},
                            {event: "setZipcode", zipcode: d.Zip},
                            {event: "addToCart", item: [{CriteoAddToCart}]}
                        );
                    }

                    $.ajax({
                        url:"/my/ajax/ajax_get_cart.php",
                        type:"POST",
                        async:false,
                        cache:false,
                        data:{Type:'Prod',ID:SID,Act:'Add'},
                        error:function(d){
                            alert(_jsLang.網路連線過慢網頁請重新整理);
                        },
                        success:function(d){
                            //$(".shopping-cartbox").css('display','none');
                            $("#Header_Shopcart").html(d);
                            $("#Header_Shopcart").parent(".shopping-cartbox").animate({'opacity':1,'maxHeight':'999px'}).css('z-index','100');
                            setTimeout(function(){
                                $("#Header_Shopcart").parent(".shopping-cartbox").animate({'maxHeight':'0px','opacity':0},function(){
                                    $(this).removeAttr('style');
                                    $(".shopping-cartbox").removeAttr('style');
                                });
                            },3000);
                        }
                    })
                }else{
                    alert(d.Alert);
                }
            }
        });
    }
    //立即購買_數量-
    $('.buypop-num').on('click','.fa-minus',function(){
        var now_num = $('.amountBox').val();
        now_num = parseInt(now_num);
        if(now_num>1){
            $('.amountBox').val(now_num-1);
        }
    });
    //立即購買_數量+
    $('.buypop-num').on('click','.fa-plus',function(){
        var now_num = $('.amountBox').val();
        var max_num = $('.amountBox').attr('max');
        now_num = parseInt(now_num);
        max_num = parseInt(max_num);
        if(now_num < max_num){
            $('.amountBox').val(now_num+1);
        }
    });
    //立即購買_輸入
    $('.amountBox').keyup(function(){
        var now_num = $('.amountBox').val();
        var max_num = $('.amountBox').attr('max');
        now_num = parseInt(now_num);
        max_num = parseInt(max_num);
        $('.amountBox').val(now_num);
        if(now_num>max_num){
            $('.amountBox').val(max_num);
        }
        if(now_num<1){
            $('.amountBox').val(1);
        }
        if(isNaN(now_num)){
            $('.amountBox').val(1);
        }
    });
    // 首頁主廣告
    if($("#slideshow .slide-item").length>=1){
        let isAutoPlay = true,
            redeyeCarousel = $("#slideshow")
        redeyeCarousel.owlCarousel({
            loop : true,
            items : 1,
            nav : false,
            navText : ['',''],
            slideTransition : 'linear',
            dots:true,
            autoplay:true,
            autoplaySpeed:1000,
            dragEndSpeed:0,
            onInitialized:videoAction,
            onTranslated:videoAction
        })
        function videoAction(){
          let videoNow = redeyeCarousel.find(".active video")
          if(videoNow.length > 0){
            redeyeCarousel.trigger("stop.owl.autoplay")
            isAutoPlay = false
            redeyeCarousel.find("video").trigger("pause")
            videoNow.trigger("play")
          }else if(!isAutoPlay){
            redeyeCarousel.trigger("play.owl.autoplay")
            isAutoPlay = true
          }
        }
    }
    // 首頁主廣告
    if($(".slideshow-004").length!=0){
        var AID = $(".today-wrapper").find(".slide-item").eq(0).attr("AID");
        $("#Today_Title_Url").attr("href","/activities9/"+AID)

        $(".today-wrapper").owlCarousel({
            loop : false,
            responsive:{
                0:{
                    items : 2
                },
                660:{
                    items : 3
                },
                1024:{
                    items : 1
                }
            },
            nav : false,
            navText : ['',''],
            dots:true,
            autoplay:true,
            navSpeed:1000,
            slideTransition : 'linear',
            autoplayTimeout:8000,
            autoplaySpeed:1000,
        });
        $(".today-wrapper").on('changed.owl.carousel',function(d){
            var AID = $(".today-wrapper").find(".slide-item").eq(d.item.index).attr("AID");
            $("#Today_Title_Url").attr("href","/activities9/"+AID)
        });
    }
    //  限時商品
    $('.todaySell-silde').owlCarousel({
        // loop : true,
        // items : 5,
        responsive:{
            0:{
                items : 1
            },
            480:{
                items : 2
            },
            960:{
                items : 3
            }
        },
        nav : true,
        navText : ['',''],
        slideTransition : 'linear',
        dots:true,
    });

        //  限時商品
    $('.hairBaike-wrapper').owlCarousel({
        items : 1,
        nav : true,
        navText : ['',''],
        dots:true,
        animateOut:'fadeOut',
        slideTransition : 'linear',
        // animateIn:'endAnimate'
    });
    var _window = $(window);
    if(_window.width() <= 768){
        $('.video_listWrapper').owlCarousel({
            // loop : true,
            // items : 5,
            responsive:{
                0:{
                    items : 3
                },
            },
            margin:5,
            merge:true,
            nav :false,
            slideTransition : 'linear',
            navText : ['',''],
            dots:true,
        });
    }

    //  限時商品
    $('.video-silde').owlCarousel({
        // loop : true,
        // items : 5,
        responsive:{
            0:{
                items : 1
            },
            660:{
                items : 3
            }
        },
        nav : true,
        slideTransition : 'linear',
        navText : ['',''],
    });
    //  IG
    $('.igpicbox-wrapper').owlCarousel({
        // loop : true,
        margin:10,
        responsive:{
            0:{
                        stagePadding:50,
                items : 2
            },
            660:{
                    stagePadding:60,
                items : 3
            },
            1024:{
        stagePadding:80,
                items : 4
            },
            1300:{
        stagePadding:100,
                items : 5
            }
        },
        loop:true,
        dots:false,
        nav : true,
        slideTransition : 'linear',
        navText : ['',''],
    });

    //IG(原獨家販售)
    $(".ig-carousel").owlCarousel({
      responsive:{
        0: {
          items : 3,
        },
        768: {
          items : 4,
        },
        1024: {
          items : 5,
        },
        1440: {
          items : 6,
        }
      },
      center: true,
      loop: true,
      nav: true,
      dots: false,
      navText : ['',''],
      slideTransition : 'linear',
      margin: 0
    })
    
    var indexIgPid = "",
        igOutfitCarouselParam = {
          items : 3,
          loop: false,
          nav: true,
          dots: false,
          navText: ['',''],
          slideTransition : 'linear',
          responsive: {
            0: {
              margin: 10
            },
            575: {
              margin: 10
            },
            1025: {
              margin: 20
            }
          }
        }
    $(".ig-wrapper").on("click", ".ig-outfit-closer", function(){
      $(".ig-outfit").removeClass("show")
      indexIgPid = "" //重置indexIgPid
    })
    $(".ig-wrapper").on("click", ".ig-carousel-item", function(){
      if((indexIgPid != $(this).data("pid"))){
        indexIgPid = $(this).data("pid")
        $.ajax({
          url: "/my/ajax/ajax_get_ig_products.php",
          type: "GET",
          cache: false,
          async: false,
          dataType:"json",
          data: {"pid": indexIgPid}
        }).done(function(response){
          let productItems = response.response_data.productItems,
              outFitLink = response.response_data.outFitLink,
              outfitPriceHtml = ``,
              outfitItemHtml = ``,
              outfitHtml = ``
          for(let i = 0; i < productItems.length; i++){
            //產生價錢區塊
            if (productItems[i].productPriceSale && productItems[i].productPriceNormal){
              //打折價跟原價都有時
              outfitPriceHtml = `
                <span class="font-delete">${productItems[i].productPriceNormal}</span>
                <span class="font-sale">${productItems[i].productPriceSale}</span>
              `
            }else if (productItems[i].productPriceNormal){
              //只有原價
              outfitPriceHtml = `
                <span class="font-normal">${productItems[i].productPriceNormal}</span>
              `
            }else {
              outfitPriceHtml = ``
            }
            //產生item串起來
            outfitItemHtml += `
              <div class="ig-outfit-item">
                <a class="ig-outfit-piclink" href="${productItems[i].productHref}">
                  <img class="ig-outfit-picimg" src="${productItems[i].productImg}">
                </a>
                <div class="ig-info">
                  <a class="ig-info-title" href="${productItems[i].productHref}">${productItems[i].productName}</a>
                  <div class="ig-info-price font-century-gothic">
                    ${outfitPriceHtml}
                  </div>
                </div>
              </div>`
          }
          //最終的html
          outfitHtml = `
            <a class="ig-outfit-link" href="#">
              <img class="ig-outfit-cover" src="${outFitLink}">
            </a>
            <div class="ig-outfit-renderbox">
              <button class="ig-outfit-closer flat-btn"></button>
              <div class="ig-outfit-carousel">
                ${outfitItemHtml}
              </div>
            </div>
          `
          $(".ig-outfit").addClass("show").html(outfitHtml)
          $(".ig-outfit-carousel").owlCarousel(igOutfitCarouselParam)
        }).fail(function(){
          alert(_jsLang.網路連線過慢網頁請重新整理)
        })
      }
    })
    
    //首頁專題
    $(".lookbook .picbox").owlCarousel({
        // loop : true,
        items : 1,
        nav : true,
        navText : ['',''],
        autoplay:true,
        autoplayTimeout:5000,
        dots:false,
        slideTransition : 'linear',
    });
    //專欄文章
    $('.columnBaike .wrapper').owlCarousel({
        loop : false,
        // items : 5,
        margin:15,
        responsive:{
            0:{
                items : 1,
            },
            660:{
                items : 2,
            },
            1300:{
                items : 3,
            }
        },
        navText : ['',''],
        nav :false,
        dots:true,
        slideTransition : 'linear',
    });

    //試用評價
    $('.review-001 .warpper').owlCarousel({
        // loop : true,
        // items : 5,
        responsive:{
            0:{
                items : 1,
            },
            660:{
                items : 2,
            },
            1300:{
                items : 3,
            }
        },
        navText : ['',''],
        nav :false,
        dots:true,
        slideTransition : 'linear',
    });

//  var owl =$('.picbox');
//  $('.picbox').owlCarousel();
    $('.picbox').on('translated.owl.carousel',function(event){
        var id = $(this).find('.active').eq(0).find('.pic-item').attr('did');
        ajax_topic_content(id);
    });
    function ajax_topic_content(topic_id){
        $.ajax({
            url:"/my/module/ajax/ajax_get_topic_content-p.php",
            type:"POST",
            cache:false,
            async:false,
            dataType:"json",
            data:{ID:topic_id},
            error:function(d){
                alert(_jsLang.網路連線過慢網頁請重新整理);
            },
            success:function(d){
                $("#topic_content").html(d.Content);
            }
        });
    }


    //影音購物
    // $('.video-index .video_listbox').on('click', '.item', function(event) {
    //     $('.video_listbox .item.now').removeClass('now')
    //     $(this).addClass('now');

    //     var iframe_src = $(this).find('img').attr('iframe_src');
    //     var iframe = '<iframe  src="'+iframe_src+'" frameborder="0">';
    //     var title = $(this).find('img').data('title');
    //     var price = $(this).find('img').data('price');
    //     var serialno = $(this).find('img').data('serialno');
    //     var ID = $(this).find('img').data('id');
    //     var href = '';
    //     if(serialno == "" || serialno == undefined){
    //         href = 'javascript:;';
    //     }else{
    //         href = '/product-detail/'+serialno;
    //     }

    //     $('.video-index .video_showbox').find('.video').html(iframe);
    //     $('.video-index .video_showbox').find('.title').html(title);
    //     $('.video-index .video_showbox').find('.price .font-red').html(price);
    //     if(serialno){
    //         $('.video-index .video_showbox').find('.button1').attr('href', href);
    //         $('.video-index .video_showbox').find('.button1').attr('hid', ID);
    //         $('.video-index .video_showbox').find('.button1').show();
    //     }else{
    //         $('.video-index .video_showbox').find('.button1').hide();
    //     }

    //     var vid = $(this).find('img').attr('data-id');
    //     $.ajax({
    //         url:"/my/module/ajax/ajax_get_video_prod-p.php",
    //         type:"POST",
    //         cache:false,
    //         async:false,
    //         data:{VID:vid},
    //         error:function(d){
    //             alert('網路連線過慢，網頁請重新整理');
    //         },
    //         success:function(d){
    //             $(".video_titlebox").html(d);
    //         }
    //     });
    // });

    // $('.video-index .video_showbox').on('click', '.videobox', function(event){
    //     var iframe_src = $(this).find('img').attr('iframe_src');
    //     var iframe = '<iframe src="'+iframe_src+'">';
    //     $(this).find('.video').html(iframe);
    // })
    
    // ==========================================================
    //  折價券
    // ==========================================================

    $('.index-coupon .coupon-list').owlCarousel({
        loop : false,
        margin: 25,
        navText : ['',''],
        responsive:{
            0:{
                items : 1,
                nav : false,
                dots: true,
            },
            769:{
                items : 2,
                nav : false,
                dots: true,
            },
            1201:{
                items : 3,
                nav : true,
                dots: false,
            }
        },
        slideTransition : 'linear',
    });
    limitedSaleTimer()
    //==================================
    // 通用商品輪播 start
    //==================================
    $(".common-carousel").each(function(){
      let _this = $(this)
      if(_this.find(".common-carousel-item").length > 0){
        _this.owlCarousel({
          responsive:{
            0: {
              items : 2,
              stagePadding: 30
            },
            768: {
              items : 3,
              stagePadding: 40
            },
            1024: {
              items : 4,
              stagePadding: 50
            },
            1440: {
              items : 6,
              stagePadding: 60
            },
            1680: {
              items : 7,
              stagePadding: 60
            }
          },
          nav: true,
          dots: false,
          navText : ['',''],
          margin: 15,
          slideTransition : 'linear',
        })
      }
    })
    //==================================
    // 通用商品輪播 end
    //==================================
});


function limitedSaleTimer(){
  if($(".limitedSale-countdown").length > 0){
    var num = parseInt($(".limitedSale-countdown").data("time"),10)
    setInterval(function(){
      num--;
      if(num <= 0)
      {
          window.location.reload();
      }
      let num2 = 0
      let hour = Math.floor(num / 3600)
      num2 = num % 3600
      let min = Math.floor(num2 / 60)
      num2 = num2 % 60
      let second = num2
      $(".limitedSale-countdown-hour").text(timeAddZero(hour));
      $(".limitedSale-countdown-minute").text(timeAddZero(min));
      $(".limitedSale-countdown-second").text(timeAddZero(second));
    },1000);
  }
}

function timeAddZero(time){
  //沒2位數就補0
  return (time.toString().length < 2)? "0" + time.toString() : time.toString()
}