/********************************/
// BizEcommerceWooLib Custom Function
/********************************/

(function ($) {
  var BizEcommerceWooLib = {
    init: function () {
      this.bindEvents();
    },
    bindEvents: function () {
      var $this = this;
      $this.listGridView();
      $this.OffCanvas();
      $this.cartDropdown();
      $this.AddtoCartQuanty();
      $this.AutoCompleteSearch();
      $this.CategoryTabFilter();
      $this.ProductSlide();
      $this.ProductListSlide();
      $this.CategorySlider();
      $this.ProductImageTabFilter();
      $this.cartopen();
      $this.woccomerce_tab();
      $this.product_descr_excerpt();
    },
    woccomerce_tab: function () {
      $(document).ready(function () {
        if ($(".description_tab").hasClass("active")) {
          $(".woocommerce-Tabs-panel.woocommerce-Tabs-panel--description").css(
            "display",
            "block"
          );
        }
      });
    },
    listGridView: function () {
      var wrapper = $(".texture-list-grid-switcher");
      var class_name = "";
      wrapper.find("a").on("click", function (e) {
        e.preventDefault();
        var type = $(this).attr("data-type");
        switch (type) {
          case "list":
            class_name = "texture-list-view";
            break;
          case "grid":
            class_name = "texture-grid-view";
            break;
          default:
            class_name = "texture-grid-view";
            break;
        }
        if (class_name != "") {
          $(this)
            .closest("#shop-product-wrap")
            .attr("class", "")
            .addClass(class_name);
          $(this)
            .closest(".texture-list-grid-switcher")
            .find("a")
            .removeClass("selected");
          $(this).addClass("selected");
        }
      });
    },
    OffCanvas: function () {
      var off_canvas_wrapper = $(".biz-ecommerce-off-canvas-sidebar-wrapper");
      var opn_shop_offcanvas_filter_close = function () {
        $("html").css({
          overflow: "",
          "margin-right": "",
        });
        $("html").removeClass("biz-ecommerce-enabled-overlay");
      };
      var trigger_class = "off-canvas-button";
      if (
        "undefined" != typeof BizEcommerce_Off_Canvas &&
        "" != BizEcommerce_Off_Canvas.off_canvas_trigger_class
      ) {
        trigger_class = BizEcommerce_Off_Canvas.off_canvas_trigger_class;
      }
      $(document).on("click", "." + trigger_class, function (e) {
        e.preventDefault();
        var innerWidth = $("html").innerWidth();
        $("html").css("overflow", "hidden");
        var hiddenInnerWidth = $("html").innerWidth();
        $("html").css("margin-right", hiddenInnerWidth - innerWidth);
        $("html").addClass("biz-ecommerce-enabled-overlay");
      });

      off_canvas_wrapper.on("click", function (e) {
        if (e.target === this) {
          opn_shop_offcanvas_filter_close();
        }
      });

      off_canvas_wrapper.find(".menu-close").on("click", function (e) {
        opn_shop_offcanvas_filter_close();
      });
    },
    cartDropdown: function () {
      /* woo, wc_add_to_cart_params */
      if (typeof wc_add_to_cart_params === "undefined") {
        return false;
      }

      $(document).on("click", ".ajax_add_to_cart", function (e) {
        // Remove button selector
        e.preventDefault();
        var data1 = {
          action: "biz_ecommerce_product_count_update",
        };
        $.post(
          woocommerce_params.ajax_url, // The AJAX URL
          data1, // Send our PHP function
          function (response_data) {
            $("a.cart-content").html(response_data);
            $(".return.wc-backward").remove();
            $("body").toggleClass("cart-pan-active");
            $(".cart-overlay").toggleClass("open");
          }
        );
      });
      // Ajax remove cart item
      $(document).on("click", "a.remove", function (e) {
        // Remove button selector
        e.preventDefault();
        // AJAX add to cart request
        var $thisbutton = $(this);
        if ($thisbutton.is(".remove")) {
          //Check if the button has a product ID
          if (!$thisbutton.attr("data-product_id")) {
            return true;
          }
        }
        $product_id = $thisbutton.attr("data-product_id");
        var data = {
          product_id: $product_id,
          action: "biz_ecommerce_product_remove",
        };
        $.post(
          woocommerce_params.ajax_url, // The AJAX URL
          data, // Send our PHP function
          function (response) {
            $(".open-quickcart-dropdown").html(response);
            var data = {
              action: "biz_ecommerce_product_count_update",
            };
            $.post(
              woocommerce_params.ajax_url, // The AJAX URL
              data, // Send our PHP function
              function (response_data) {
                $("a.cart-content").html(response_data);
              }
            );
          }
        );
        return false;
      });
    },
    AddtoCartQuanty: function () {
      $("form.cart").on("click", "button.plus, button.minus", function () {
        // Get current quantity values
        var qty = $(this).siblings(".quantity").find(".qty");
        var val = parseFloat(qty.val()) ? parseFloat(qty.val()) : "0";
        var max = parseFloat(qty.attr("max"));
        var min = parseFloat(qty.attr("min"));
        var step = parseFloat(qty.attr("step"));
        // Change the value if plus or minus
        if ($(this).is(".plus")) {
          if (max && max <= val) {
            qty.val(max);
          } else {
            qty.val(val + step);
          }
        } else {
          if (min && min >= val) {
            qty.val(min);
          } else if (val > 1) {
            qty.val(val - step);
          }
        }
      });
    },

    AutoCompleteSearch: function () {
      $(document).on(
        "click",
        ".thmk-woocommerce-search-wrap .thmk-woocommerce-search-wrap-submit button",
        autoCompleteSubmit
      );
      function autoCompleteSubmit() {
        let button_ = $(this);
        let getUrl = button_.attr("data-url");
        let mainWrap = button_.closest(".thmk-woocommerce-search-wrap");
        let text_ = mainWrap.find('input[name="product-search-text"]').val();
        let category = mainWrap.find('select[name="product_cat"]').val();
        let title_ = text_ && text_ !== "" ? text_ : "";
        let cate_ = category && category !== "" ? category : "";
        // console.log("getUrl -> ", getUrl);
        if (getUrl) {
          let urlText =
            getUrl + `?s=${title_}&product_cat=${cate_}&post_type=product`;
          window.location.href = urlText;
        }
      }
      // by click in input-----------------------------------------
      $(document).on(
        "click",
        '.thmk-woocommerce-search-wrap input[name="product-search-text"]',
        function () {
          const searchBoxTxt = $(this);
          const mainWrap = searchBoxTxt.closest(
            ".thmk-woocommerce-search-wrap"
          );
          const resultWrap = mainWrap.find(".thmk-woocommerce-search-result");
          const getLiresult = resultWrap.find("li");
          let searchVal = searchBoxTxt.val();
          if (
            !mainWrap.hasClass("loading") &&
            searchVal &&
            searchVal.length >= 2 &&
            getLiresult.length > 0
          ) {
            resultWrap.show();
          } else {
            resultWrap.hide();
          }
        }
      );
      var searchTimeout = null;
      //   by input keyup----------------------------------------------
      $(document).on(
        "keyup",
        '.thmk-woocommerce-search-wrap input[name="product-search-text"]',
        autoComplete
      );
      function autoComplete(e) {
        // console.log("event typr", e.type);
        const searchBoxTxt = $(this);
        const mainWrap = searchBoxTxt.closest(".thmk-woocommerce-search-wrap");
        const resultWrap = mainWrap.find(".thmk-woocommerce-search-result");
        const resultWrapUl = resultWrap.find("ul");
        const submitButton = mainWrap.find(
          ".thmk-woocommerce-search-wrap-submit button"
        );
        let searchVal = searchBoxTxt.val();
        if (searchVal && searchVal.length >= 2) {
          mainWrap.addClass("loading");
          //   hide click outside
          jQuery(document).mouseup(function (e) {
            if (!mainWrap.is(e.target) && mainWrap.has(e.target).length === 0) {
              resultWrap.hide();
            }
          });
          //   hide click outside
          let select_ = mainWrap.find(".thmk-woocommerce-select");
          let cat_ = select_.length && select_.val() ? select_.val() : "";
          let dataToAjx = {
            action: "biz_ecommerce_search_site",
            match: searchVal,
            cat: cat_,
          };
          //   return;
          clearTimeout(searchTimeout);
          searchTimeout = setTimeout(() => {
            $.ajax({
              type: "POST",
              dataType: "json",
              url: bizEcommerce.ajaxUrl,
              data: dataToAjx,
              success: function (response) {
                // console.log("response -> ", response);
                resultWrap.show();
                if (response.data.length > 0) {
                  let productLists = "";
                  let viewMoreLink = "";
                  let dataList = response.data;
                  let getUrl = submitButton.attr("data-url");
                  if (dataList.length > 5) {
                    // fruits.slice(0, 5)
                    dataList = dataList.slice(0, 5);
                    let urlText =
                      getUrl +
                      `?s=${searchVal}&product_cat=${cat_}&post_type=product`;
                    viewMoreLink +=
                      '<li class="view-all-search"><a href="' + urlText + '">';
                    viewMoreLink += "View all results";
                    viewMoreLink += "</a></li>";
                  }
                  $.each(dataList, (index_, val_) => {
                    productLists += '<li><a href="' + val_.link + '">';
                    productLists +=
                      '<div class="srch-prd-img"><img src="' +
                      val_.imglink +
                      '"></div>';
                    productLists += '<div class="srch-prd-content">'; //content
                    productLists +=
                      '<span class="title">' + val_.label + "</span>";
                    productLists += '<span class="price">'; //price
                    productLists += val_.price;
                    productLists += "</span>"; //price
                    productLists += "</div>"; //content
                    productLists += "</a></li>";
                  });
                  productLists += viewMoreLink;
                  resultWrapUl.html(productLists);
                  mainWrap.removeClass("loading");
                } else {
                  let htmlBlank = '<li class="no-result">No Result Found</li>';
                  resultWrapUl.html(htmlBlank);
                  mainWrap.removeClass("loading");
                }
              },
            });
          }, 50);
        } else {
          resultWrap.hide();
        }
      }
    },
    cartopen: function () {
      $(document).on("click", "a.cart-contents", function (e) {
        e.preventDefault();
        $("body").toggleClass("cart-pan-active");
        $(".cart-overlay").toggleClass("open");
      });

      $(".cart-close-btn").click(function (e) {
        $("body").removeClass("cart-pan-active");
        $(".cart-overlay").removeClass("open");
      });

      $("body").click(function (evt) {
        if (evt.target.class == ".open-cart") return;
        if ($(evt.target).closest(".open-cart").length) return;
        $("body").removeClass("cart-pan-active");
        $(".cart-overlay").removeClass("open");
      });
    },
    /***********************/
    // Front Page Function
    /***********************/
    CategoryTabFilter: function () {
      //product slider
      if (bizEcommerce.biz_ecommerce_single_row_slide_cat == true) {
        var sliderow = false;
      } else {
        var sliderow = true;
      }
      // slide autoplay
      if (bizEcommerce.biz_ecommerce_cat_slider_optn == true) {
        var cat_atply = true;
      } else {
        var cat_atply = false;
      }
      if (bizEcommerce.biz_ecommerce_rtl == true) {
        var bzecm_rtl = true;
      } else {
        var bzecm_rtl = false;
      }

      var owl = $(".texture-product-cat-slide");
      owl.owlCarousel({
        rtl: bzecm_rtl,
        items: 5,
        nav: true,
        owl2row: sliderow,
        owl2rowDirection: "ltr",
        owl2rowTarget: "texture-woo-product-list",
        navText: [
          "<i class='slick-nav fa fa-angle-left'></i>",
          "<i class='slick-nav fa fa-angle-right'></i>",
        ],
        loop: cat_atply,
        dots: false,
        smartSpeed: 1800,
        autoHeight: false,
        margin: 15,
        autoplay: cat_atply,
        autoplayHoverPause: true, // Stops autoplay

        responsive: {
          0: {
            items: 2,
            margin: 7.5,
          },
          768: {
            items: 3,
          },
          900: {
            items: 4,
          },
          1025: {
            items: 5,
          },
        },
      });
      $(".texture-product-tab-section #texture-cat-tab li a:first").addClass(
        "active"
      );
      $(document).on(
        "click",
        ".texture-product-tab-section #texture-cat-tab li a",
        function (e) {
          $(".texture-product-tab-section #texture-cat-tab .tab-content").append(
            '<div class="texture-loadContainer"> <div class="loader"></div></div>'
          );
          $(".texture-product-tab-section .texture-loadContainer").css(
            "display",
            "block"
          );
          $(
            ".texture-product-tab-section #texture-cat-tab li a.active"
          ).removeClass("active");
          $(this).addClass("active");
          var data_term_id = $(this).attr("data-filter");
          $.ajax({
            type: "POST",
            url: bizEcommerce.ajaxUrl,
            data: {
              action: "biz_ecommerce_cat_filter_ajax",
              data_cat_slug: data_term_id,
            },
            dataType: "html",
          }).done(function (response) {
            if (response) {
              $(".texture-product-tab-section #texture-cat-tab .tab-content").html(
                '<div class="texture-slide texture-product-cat-slide owl-carousel"></div> <div class="texture-loadContainer"> <div class="loader"></div></div>'
              );
              $(".texture-slide.texture-product-cat-slide.owl-carousel").append(
                response
              );
              var owl = $(".texture-product-cat-slide");
              owl.owlCarousel({
                rtl: bzecm_rtl,
                items: 5,
                nav: true,
                owl2row: sliderow,
                owl2rowDirection: "ltr",
                owl2rowTarget: "texture-woo-product-list",
                navText: [
                  "<i class='slick-nav fa fa-angle-left'></i>",
                  "<i class='slick-nav fa fa-angle-right'></i>",
                ],
                loop: cat_atply,
                dots: false,
                smartSpeed: 1800,
                autoHeight: false,
                margin: 15,
                autoplay: cat_atply,
                autoplayHoverPause: true, // Stops autoplay

                responsive: {
                  0: {
                    items: 2,
                    margin: 7.5,
                  },
                  768: {
                    items: 3,
                  },
                  900: {
                    items: 4,
                  },
                  1025: {
                    items: 5,
                  },
                },
              });
              $(".texture-product-tab-section .texture-loadContainer").css(
                "display",
                "none"
              );

              $('li.thvs_loop-available-attributes__value').hover(function () {
                               var src = $(this).attr('data-o-src');
                               var id = $(this).attr('data-product-id');
                               $('li.thvs_loop-available-attributes__value').closest('.post-'+ id ).find

('img.attachment-woocommerce_thumbnail').attr("srcset", src );
                            });
            }
          });
          e.preventDefault();
        }
      );
    },

    ProductSlide: function () {
      if (bizEcommerce.biz_ecommerce_single_row_prdct_slide == true) {
        var sliderow_p = false;
      } else {
        var sliderow_p = true;
      }
      // slide autoplay
      if (bizEcommerce.biz_ecommerce_product_slider_optn == true) {
        var cat_atply_p = true;
      } else {
        var cat_atply_p = false;
      }
      if (bizEcommerce.biz_ecommerce_rtl == true) {
        var bzecm_rtl = true;
      } else {
        var bzecm_rtl = false;
      }

      var owl = $(".texture-product-slide");
      owl.owlCarousel({
        rtl: bzecm_rtl,
        items: 5,
        nav: true,
        owl2row: sliderow_p,
        owl2rowDirection: "ltr",
        owl2rowTarget: "texture-woo-product-list",
        navText: [
          "<i class='slick-nav fa fa-angle-left'></i>",
          "<i class='slick-nav fa fa-angle-right'></i>",
        ],
        loop: cat_atply_p,
        dots: false,
        smartSpeed: 1800,
        autoHeight: false,
        margin: 20,
        autoplay: cat_atply_p,
        autoplayHoverPause: true, // Stops autoplay

        responsive: {
          0: {
            items: 2,
            margin: 7.5,
          },
          768: {
            items: 3,
          },
          900: {
            items: 4,
          },
          1025: {
            items: 5,
          },
        },
      });
    },
    ProductListSlide: function () {
      if (bizEcommerce.biz_ecommerce_single_row_prdct_list == true) {
        var sliderow_l = false;
      } else {
        var sliderow_l = true;
      }

      // slide autoplay
      if (bizEcommerce.biz_ecommerce_product_list_slide_optn == true) {
        var cat_atply_l = true;
      } else {
        var cat_atply_l = false;
      }
      if (bizEcommerce.biz_ecommerce_rtl == true) {
        var bzecm_rtl = true;
      } else {
        var bzecm_rtl = false;
      }

      var owl = $(".texture-product-list");
      owl.owlCarousel({
        rtl: bzecm_rtl,
        items: 3,
        nav: true,
        owl2row: sliderow_l,
        owl2rowDirection: "ltr",
        owl2rowTarget: "texture-woo-product-list",
        navText: [
          "<i class='slick-nav fa fa-angle-left'></i>",
          "<i class='slick-nav fa fa-angle-right'></i>",
        ],
        loop: cat_atply_l,
        dots: false,
        smartSpeed: 1800,
        autoHeight: false,
        margin: 15,
        autoplay: cat_atply_l,
        autoplayHoverPause: true, // Stops autoplay

        responsive: {
          0: {
            items: 2,
            margin: 7.5,
          },
          768: {
            items: 3,
          },
          900: {
            items: 4,
          },
          1025: {
            items: 4,
          },
        },
      });
    },
    CategorySlider: function () {
      // slide autoplay
      if (bizEcommerce.biz_ecommerce_category_slider_optn == true) {
        var cat_atply_c = true;
      } else {
        var cat_atply_c = false;
      }
      if (bizEcommerce.biz_ecommerce_rtl == true) {
        var bzecm_rtl = true;
      } else {
        var bzecm_rtl = false;
      }

      var column_no = parseInt(bizEcommerce.biz_ecommerce_cat_item_no);
      var owl = $(".texture-cat-slide");
      owl.owlCarousel({
        rtl: bzecm_rtl,
        items: 10,
        nav: true,
        navText: [
          "<i class='slick-nav fa fa-angle-left'></i>",
          "<i class='slick-nav fa fa-angle-right'></i>",
        ],
        loop: cat_atply_c,
        dots: false,
        smartSpeed: 1800,
        autoHeight: false,
        margin: 15,
        autoplay: cat_atply_c,
        autoplayHoverPause: true, // Stops autoplay

        responsive: {
          0: {
            items: 3,
            margin: 7.5,
          },
          768: {
            items: 5,
          },
          900: {
            items: 7,
          },
          1025: {
            items: 4,
            items: column_no,
          },
        },
      });
    },

    ProductImageTabFilter: function () {
      //product slider
      if (bizEcommerce.biz_ecommerce_product_img_sec_single_row_slide == true) {
        var sliderow = false;
      } else {
        var sliderow = true;
      }
      // slide autoplay
      if (bizEcommerce.biz_ecommerce_product_img_sec_slider_optn == true) {
        var cat_atply = true;
      } else {
        var cat_atply = false;
      }
      if (bizEcommerce.biz_ecommerce_rtl == true) {
        var bzecm_rtl = true;
      } else {
        var bzecm_rtl = false;
      }

      if (bizEcommerce.biz_ecommerce_product_img_sec_adimg == "") {
        var owl = $(".texture-product-image-cat-slide");
        owl.owlCarousel({
          rtl: bzecm_rtl,
          items: 5,
          nav: true,
          owl2row: sliderow,
          owl2rowDirection: "ltr",
          owl2rowTarget: "texture-woo-product-list",
          navText: [
            "<i class='slick-nav fa fa-angle-left'></i>",
            "<i class='slick-nav fa fa-angle-right'></i>",
          ],
          loop: cat_atply,
          dots: false,
          smartSpeed: 1800,
          autoHeight: false,
          margin: 15,
          autoplay: cat_atply,
          autoplayHoverPause: true, // Stops autoplay

          responsive: {
            0: {
              items: 2,
              margin: 7.5,
            },
            768: {
              items: 3,
            },
            990: {
              items: 4,
            },
            1025: {
              items: 5,
            },
          },
        });
      } else {
        var owl = $(".texture-product-image-cat-slide");
        owl.owlCarousel({
          rtl: bzecm_rtl,
          items: 4,
          nav: true,
          owl2row: sliderow,
          owl2rowDirection: "ltr",
          owl2rowTarget: "texture-woo-product-list",
          navText: [
            "<i class='slick-nav fa fa-angle-left'></i>",
            "<i class='slick-nav fa fa-angle-right'></i>",
          ],
          loop: cat_atply,
          dots: false,
          smartSpeed: 1800,
          autoHeight: false,
          margin: 15,
          autoplay: cat_atply,
          autoplayHoverPause: true, // Stops autoplay

          responsive: {
            0: {
              items: 2,
              margin: 7.5,
            },
            768: {
              items: 3,
            },
            990: {
              items: 4,
            },
            1025: {
              items: 4,
            },
          },
        });
      }
      $(".texture-product-image-tab-section #texture-cat-tab li a:first").addClass(
        "active"
      );
      $(document).on(
        "click",
        ".texture-product-image-tab-section #texture-cat-tab li a",
        function (e) {
          $(
            ".texture-product-image-tab-section #texture-cat-tab .tab-content"
          ).append(
            '<div class="texture-loadContainer"> <div class="loader"></div></div>'
          );
          $(".texture-product-image-tab-section .texture-loadContainer").css(
            "display",
            "block"
          );
          $(
            ".texture-product-image-tab-section #texture-cat-tab li a.active"
          ).removeClass("active");
          $(this).addClass("active");
          var data_term_id = $(this).attr("data-filter");
          $.ajax({
            type: "POST",
            url: bizEcommerce.ajaxUrl,
            data: {
              action: "biz_ecommerce_cat_filter_ajax",
              data_cat_slug: data_term_id,
            },
            dataType: "html",
          }).done(function (response) {
            if (response) {
              $(
                ".texture-product-image-tab-section #texture-cat-tab .tab-content"
              ).html(
                '<div class="texture-slide texture-product-image-cat-slide owl-carousel"></div> <div class="texture-loadContainer"> <div class="loader"></div></div>'
              );
              $(
                ".texture-slide.texture-product-image-cat-slide.owl-carousel"
              ).append(response);
              if (bizEcommerce.biz_ecommerce_product_img_sec_adimg == "") {
                var owl = $(".texture-product-image-cat-slide");
                owl.owlCarousel({
                  rtl: bzecm_rtl,
                  items: 5,
                  nav: true,
                  owl2row: sliderow,
                  owl2rowDirection: "ltr",
                  owl2rowTarget: "texture-woo-product-list",
                  navText: [
                    "<i class='slick-nav fa fa-angle-left'></i>",
                    "<i class='slick-nav fa fa-angle-right'></i>",
                  ],
                  loop: cat_atply,
                  dots: false,
                  smartSpeed: 1800,
                  autoHeight: false,
                  margin: 15,
                  autoplay: cat_atply,
                  autoplayHoverPause: true, // Stops autoplay

                  responsive: {
                    0: {
                      items: 2,
                      margin: 7.5,
                    },
                    768: {
                      items: 3,
                    },
                    990: {
                      items: 4,
                    },
                    1025: {
                      items: 5,
                    },
                  },
                });
              } else {
                var owl = $(".texture-product-image-cat-slide");
                owl.owlCarousel({
                  rtl: bzecm_rtl,
                  items: 4,
                  nav: true,
                  owl2row: sliderow,
                  owl2rowDirection: "ltr",
                  owl2rowTarget: "texture-woo-product-list",
                  navText: [
                    "<i class='slick-nav fa fa-angle-left'></i>",
                    "<i class='slick-nav fa fa-angle-right'></i>",
                  ],
                  loop: cat_atply,
                  dots: false,
                  smartSpeed: 1800,
                  autoHeight: false,
                  margin: 15,
                  autoplay: cat_atply,
                  autoplayHoverPause: true, // Stops autoplay

                  responsive: {
                    0: {
                      items: 2,
                      margin: 7.5,
                    },
                    768: {
                      items: 3,
                    },
                    990: {
                      items: 4,
                    },
                    1025: {
                      items: 4,
                    },
                  },
                });
              }
              $(".texture-product-image-tab-section .texture-loadContainer").css(
                "display",
                "none"
              );
            }
          });
          e.preventDefault();
        }
      );
    },
    product_descr_excerpt: function () {
      $(".os-product-excerpt *").each(function () {
        var truncated = $(this).text().substr(0, 160);
        //Updating with ellipsis if the string was truncated
        $(this).text(truncated + (truncated.length < 160 ? "" : " .."));
        $(".os-product-excerpt *").not(":first-child").hide();
      });
    },
  };
  BizEcommerceWooLib.init();
})(jQuery);

