(function ($, Drupal, settings) {
  "use strict";

  Drupal.behaviors.frontProduct15 = {
    attach: function (context) {
      $(context) .find(".block-frontproduct15 .carouel-common").once("front-product1").each(function (){
        var owlSetting = $(this).data('settings');
        if(!owlSetting){
          return
        }

        var responsive = {}

        if(owlSetting.xs){
          responsive[0] = {
            items: owlSetting.xs,
            nav:false,
            margin: 10,
          }
        }

        if(owlSetting.sm){
          responsive[750] = {
            items: owlSetting.sm,
            margin: 10,
          }
        }

        if(owlSetting.md){
          responsive[1024] = {
            items: owlSetting.md,
            margin: 15,
          }
        }
        if(owlSetting.lg){
          responsive[1200] = {
            items: owlSetting.lg,
            nav: Boolean(owlSetting.nav),
            margin: 18,
          }
        }
        if(owlSetting.xl){
          responsive[1400] = {
            items: owlSetting.xl,
            margin: 20,
          }
        }

        var owl =  $('.block-frontproduct15 .owl-carousel').owlCarousel({
          loop: Boolean(owlSetting.loop),
          autoplayTimeout:owlSetting.autoplayTimeout,
          autoplay: Boolean(owlSetting.autoPlay),
          dotsEach: 1,
          navRewind: false,
          nav: Boolean(owlSetting.nav),
          dots:Boolean(owlSetting.dots),
          autoplayHoverPause:true,
          responsive: responsive,
        });

      })
    }
  };
  Drupal.behaviors.front_product_tab15 = {
    attach: function (context) {
      $(context) .find(".block-frontproduct15 .owl_product_tab").once("owl_product_tab1").each(function (){
        var owl =  $('.block-frontproduct15 .owl_product_tab').owlCarousel({
          items: 1,
          margin: 10,
          loop: true,
          autoplay: false,
          dotsEach: 1,
          navRewind: false,
          nav: false,
          dots:false,
        });
        $('.block-frontproduct15 .product-tab-menu li').click(function (){
          var index = $(this).index();
          owl.trigger('to.owl.carousel',index);
          $('.block-frontproduct15 .product-tab-menu li').removeClass('active-color active');
          $(this).addClass('active-color active');
        })

        owl.on('translated.owl.carousel', function (event) {
          // var index = (event.item.index-1)%(event.item.count) -1;
          var index =  $(context).find(".block-frontproduct15 .owl_product_tab").find('.owl-item.active').data('id');
          $('.block-frontproduct15 .product-tab-menu li').removeClass('active-color active');
          $('.block-frontproduct15 .product-tab-menu li').eq(index).addClass('active-color active');
        })

      })
    }
  };
  Drupal.behaviors.frontLeftTerm15 = {
    attach:function (context){
      var selectVal = $(".block-frontproduct15 .front-product-view .select-wrapper select").val();

      $('.block-frontproduct15 .front-product-term li').removeClass('active  on');
      $('.block-frontproduct15 .front-product-term li .first-term-a').removeClass('active-bg-color');

      $('.block-frontproduct15 .front-product-term li').each(function () {
        if ($(this).data('id') == selectVal) {

          if($(this).hasClass('second-term-level')){
            $(this).addClass('active-color');
            $(this).parent().parent().addClass('active on');
            $(this).parent().parent().find('.first-term-a').addClass('active-bg-color')
          }
          $(this).addClass('active');
          $(this).find('.first-term-a').addClass('active-bg-color active');
        }
      });


      $(document).on('click', '.block-frontproduct15 .front-product-term.async_render li', function (e) {
        e.stopPropagation();
        var $id = $(this).data('id');
        $('.block-frontproduct15 .front-product-view .select-wrapper .form-select').val($id);
        $('.block-frontproduct15 .front-product-view .form-actions .js-form-submit').trigger('click');
        return false;
      });


      $('.block-frontproduct15 .front-product-term .first-term-level i').click(function (e){
        e.stopPropagation();
        $(this).parent().parent().addClass('on').siblings().removeClass('on')
        return false;

      })


    }
  }

  Drupal.behaviors.frontTop2Menu15 = {
    attach: function (context) {

      var selectVal = $(".block-frontproduct15 .front-product-view .select-wrapper select").val();
      $('.block-frontproduct15 .front-product-view .term-menu .categories .click-item').each(function () {
        if ($(this).data('id') == selectVal) {
          $('.block-frontproduct15 .click-item').removeClass('isActive active-bg-color border-color active-color')

          if($(this).hasClass('term-menu-name')){
            $(this).addClass('isActive active-bg-color border-color')
          }else {
            $(this).addClass('active-color');
            $(this).parent().parent().find('.term-menu-name').addClass('isActive active-bg-color border-color')
          }

        }
      });
    }
  };

  Drupal.behaviors.frontTopMenu15 = {
    attach: function (context) {
      var selectVal = $(".block-frontproduct15 .front-product-view .select-wrapper select").val();
      $('.block-frontproduct15 .front-product-view .term-menu .categories li').each(function () {
        if ($(this).data('id') == selectVal) {
          $(this).addClass('isActive active-bg-color').siblings().removeClass('isActive active-bg-color');
        }
      });

      // 首页新闻Tabs切换逻辑
      $(document).on('click', '.block-frontproduct15 .front-product-view .term-menu .categories li', function () {
        var $id = $(this).data('id');
        $('.block-frontproduct15 .front-product-view .select-wrapper .form-select').val($id);
        $('.block-frontproduct15 .front-product-view .form-actions .js-form-submit').trigger('click');
        //销毁动画事件
      });
    }
  };
})
(jQuery, Drupal, drupalSettings);