(function ($) {
  "use strict";

  // ----------------Checkout------------------

  var firstLoad = true;

  $(document).ready(function () {
    $(document).ajaxStop(function () {
      if (firstLoad) {
        updateCheckoutAccountLogin();
        updateCheckoutCoupon();
        updateCheckoutFreeShippingBar();

        // $(".woocommerce-checkout #checkout-load-curtain").hide();

        firstLoad = false;
      }
    });
  });

  function updateCheckoutFreeShippingBar() {
    $(".checkout-sidebar .woocommerce-shipping-totals").before("<tr id='free-shipping-container-row'><td colspan='2'><div id='free-shipping-container'></div></td></tr>");

    $("#free-shipping-container").append($(".devnet_fsl-free-shipping"));
  }

  function updateCheckoutCoupon() {
    $(".checkout-sidebar .cart-subtotal").after("<tr id='free-shipping-container-row'><td colspan='2'><div id='checkout-coupon'></div></td></tr>");

    $(".checkout-sidebar #checkout-coupon").append($(".checkout_coupon"));

    $(".woocommerce-form-coupon-toggle").remove();
    $(".widget-title").remove();
  }

  function updateCheckoutAccountLogin() {
    //$("#main .woocommerce-billing-fields").before("<div id='checkout-login-container'></div>");

    //$("#checkout-login-container").append($(".woocommerce-form-login"));

    //$("#checkout-login-container #username").prop("placeholder", "Nombre de usuario *");
    //$("#checkout-login-container #password").prop("placeholder", "Contraseña *");

    //$("#checkout-login-container .woocommerce-form-login p").first().html("<strong>¿Tienes usuario y contraseña? Inicia sesión.</strong>");
    //$("#checkout-login-container .woocommerce-form-login__submit").insertAfter("#checkout-login-container .form-row-last");
    //$("#checkout-login-container .lost_password").prev().addClass("rememberme");

    //$(".woocommerce-form-login-toggle").remove();

    //$(".woocommerce-form-login >p:first-child").before($(".wc-social-login"));
    //$(".wc-social-login").append("<div class='wc-social-login-option'><p>o</p></div>");
  }

  // ----------------Product------------------

  $(document).ready(function () {
    var screenWidth = $(window).width();

    if (screenWidth <= 550) {
      $(".product-container").before("<div id='product-description-container'></div>");

      $("#product-description-container").append($(".product-info .review-widget")); //Single Product
      $("#product-description-container").append("<form class='cart'/>");
      $("#product-description-container").append($(".product-info .jdgm-widget"));
      //$("#product-description-container").append($(".product-info .product-title"));
      //$("#product-description-container").append($(".product-info > .price-wrapper .product-page-price"));

      $(".product-info .product-short-description").before($(".product-info .variations_form"));

      var navbarHeight = $(".bnav_main_menu").outerHeight();
      $(".sticky-add-to-cart").css("height", navbarHeight + 5);
      $(".sticky-add-to-cart").css("margin-bottom", navbarHeight);
    } else {
      $(".product-info .product-title").before("<div id='product-description-container-desktop'><form class='cart'/><div>");
    }

    $(".shop-container #product-load-curtain").hide();
  });


  // -----------------Cart-------------------

  $(document).ready(function () {
    $(document).ajaxStop(function () {
      updateCartCupon();

      updateCheckoutLoadingBar();

      // $("#cart-load-curtain").hide();
    });
  });

  function updateCartCupon() {
    $(".cart-container .cart-subtotal").after("<tr id='coupon-container-row'><td colspan='2'><div id='checkout-coupon'></div></td></tr>");

    $(".cart-container .checkout_coupon").clone().addClass("form-coupon-visible").appendTo(".cart-container #checkout-coupon");

    $(".cart-container .coupon .wp-element-button").removeClass("is-form");

    $(".cart-container .woocommerce-form-coupon-toggle").remove();

    $(".cart-container .widget-title").remove();
  }

  function updateCheckoutLoadingBar() {
    $(".cart-container .woocommerce-shipping-totals").before("<tr id='loading-bar-container-row'><td colspan='2'><div id='checkout-loading-bar'></div></td></tr>");

    $("#checkout-loading-bar").append($(".cart-container .devnet_fsl-free-shipping"));
  }

  //------------------Minicart---------------


  $(document).ready(function () {
    $(document).on("click", ".cart-item", function () {
      renderMiniCart();
    });

   $(document.body).on("wc_fragments_refreshed", function () {
      renderMiniCart();
    });

    $(document).on("click", ".cart-custom-quantity-add", function () {
      $("#minicart-load-curtain").css("display", "flex");

      var productId = $(this).attr("data-product_id");

      $.ajax({
        url: hc_custom_template_vars.ajaxurl,
        type: "POST",
        data: {
          action: "add_to_mini_cart",
          product_id: productId,
        },
        success: function (response) {
          $(".widget_shopping_cart_content").html(response["fragments"]);
          renderMiniCart();
        },
      });
    });

    $(document).on("click", ".cart-custom-quantity-remove", function () {
      $("#minicart-load-curtain").css("display", "flex");

      var cartItemKey = $(this).attr("data-cart_item_key");

      $.ajax({
        url: hc_custom_template_vars.ajaxurl,
        type: "POST",
        data: {
          action: "remove_from_mini_cart",
          cart_item_key: cartItemKey,
        },
        success: function (response) {
          $(".widget_shopping_cart_content").html(response["fragments"]);
          renderMiniCart();
        },
      });
    });

    $(document).on("click", ".remove-mini-cart-item", function (e) {
      e.stopPropagation();

      $("#minicart-load-curtain").css("display", "flex");

      var cartItemKey = $(this).attr("data-cart_item_key");

      $.ajax({
        url: hc_custom_template_vars.ajaxurl,
        type: "POST",
        data: {
          action: "remove_from_mini_cart_complete",
          cart_item_key: cartItemKey,
        },
        success: function (response) {
          $(".widget_shopping_cart_content").html(response["fragments"]);
          renderMiniCart();
        },
      });
    });
  });
	
	

  function renderMiniCart() {
    $("#cart-popup .woocommerce-mini-cart").append("<div id='minicart-load-curtain'><div><div class='hc-custom-loader'></div></div></div>");

    $("#cart-popup .woocommerce-mini-cart-item").each(function () {
      var parent = $(this);
      var productId = $(this).find(".remove_from_cart_button").attr("data-product_id");
      var cartItemKey = $(this).find(".remove_from_cart_button").attr("data-cart_item_key");

      $(this)
        .find(".remove_from_cart_button")
        .replaceWith("<div class='remove-mini-cart-item' data-cart_item_key='" + cartItemKey + "' aria-label='Borrar este artículo'>×</a>");

      $(this).find(".quantity").hide();

      var qtyText = $(this).find(".quantity").text();

      var trimIndex = qtyText.indexOf("×");

      var qty = qtyText.substring(0, trimIndex).trim();
      var price = qtyText.substring(trimIndex + 1).trim();

      if (!$(this).find(".cart-custom-quantity-container").length) {
        $(this).find(".quantity").before("<div class='cart-custom-quantity-wrap'></div>");

        $(this)
          .find(".cart-custom-quantity-wrap")
          .append("<div class='woocommerce-Price-amount'><strong>" + price + "</strong></div>");

        $(this)
          .find(".cart-custom-quantity-wrap")
          .append("<div class='cart-custom-quantity-container'><div data-cart_item_key='" + cartItemKey + "' class='cart-custom-quantity-remove'><strong>-</strong></div><div class='cart-custom-quantity-value'>" + qty + "</div><div class='cart-custom-quantity-add' data-product_id=" + productId + "><strong>+</strong></div></div>");
      }

      $("#products_brand_data > input").each(function () {
        var productBrandId = $(this).attr("data-product-id");

        if (parseInt(productBrandId) === parseInt(productId)) {
          if ($(this).val() !== "SIN MARCA") {
            parent.find(".remove-mini-cart-item").before(`<div class='hc_custom_template_brand'>${$(this).val()}</div>`);
          }

          return false;
        }
      });
    });

    $("#cart-popup .woocommerce-mini-cart__total").before($("#cart-popup .devnet_fsl-free-shipping"));

    $("#minicart-load-curtain").hide();
  }

  // -----------------Store------------------

  $(document).ready(function () {
    updateStoreMenuOption();
  });

  function updateStoreMenuOption() {
    $(".shop-page-title").prepend("<div id='store-menu-options'></div>");

    $(".shop-page-title .is-medium").clone().addClass("screen-small").appendTo(".shop-page-title #store-menu-options");

    $(".shop-page-title .filter-button").html("<img class='lazy-load-active' style='width: 15px; height: 15px; margin-right:10px' src='https://holycosmetics.com.co/wp-content/uploads/2024/05/filtrar.png' data-src='https://holycosmetics.com.co/wp-content/uploads/2024/05/filtrar.png'><div style='font-size: 0.8rem; text-transform: capitalize;'>Filtrar</div><img class='lazy-load-active' style='width: 10px; height: 10px; margin-left:8px; margin-bottom: 5px' src='https://www.holycosmetics.com.co/wp-content/plugins/hc_custom_template/public/imgs/chevron-down.svg' data-src='https://www.holycosmetics.com.co/wp-content/plugins/hc_custom_template/public/imgs/chevron-down.svg'>");

    // $("#shop-load-curtain").hide();
  }

  // -----------------Shared------------------

  var firstLoadSearchBar = true;

  $(document).ready(function () {
    /*$(document).on("DOMNodeInserted", ".products", function () {
      addBrandToProduct();
    });*/

    $(".dgwt-wcas-search-wrapp").click(function () {
      if (firstLoadSearchBar) {
        addIconToSearchBar();
        firstLoadSearchBar = false;
      }

      setSearchPosition();
    });

    $(document).on("click", ".hc-custom-template-menu-item-parent, .hc-custom-template-menu-item-child", function () {
      var groupId = $(this).attr("data-menu-id");

      var url = $(this).attr("data-menu-url");

      var text = $(this).find(".hc-custom-template-menu-item-text").text();

      setCurrentMenu(parseInt(groupId), text, url);
    });

    $(document).on("click", "#hc-custom-template-back", function () {
      $(this).css("visibility", "hidden");

      setCurrentMenu(0, "Tienda", "");
    });

    $(document).on("click", "#hc-custom-template-close", function () {
      $("#hc-custom-template-viewer-container").css("display", "none");
      $("html").css("overflow", "auto");

      setCurrentMenu(0, "Tienda", "");
    });

    $(document).on("click", "#hc-custom-template-open", function () {
      var parent = $(this).parent();

      $("#hc-custom-template-viewer-container").css("display", "flex");
      $("html").css("overflow", "hidden");

      parent.siblings().removeClass("current_page_item");
      parent.addClass("current_page_item");
    });

    $(document).on("click", ".dgwt-wcas-om-return", function () {
      $(".mobile-nav .icon-menu").show();
    });

    $(document).on("scroll", function () {
      setSearchPosition();
    });

    $(".mobile-nav .dgwt-wcas-search-icon").append("<span>Buscar</span>");

    setCommunity();

    /*addBrandToProduct();*/

    replaceStoreMenu();

    setCurrentMenu(0, "Tienda", "");
  });

  function addIconToSearchBar() {
    $("#dgwt-wcas-search-input-3").after("<div class='image-filter-search-bar'><img style='width: 15px; height: 100%;' src='https://www.holycosmetics.com.co/wp-content/plugins/hc_custom_template/public/imgs/magnifying.svg' data-src='https://www.holycosmetics.com.co/wp-content/plugins/hc_custom_template/public/imgs/magnifying.svg'></div>");
  }

  function setSearchPosition() {
    var topBarHeight = $(".header-wrapper").outerHeight();

    $(".js-dgwt-wcas-overlay-mobile").css("transform", `translateY(${topBarHeight}px)`);
  }

  function setCommunity() {
    var userName = $("#user_name").val();
    var userAvatar = $("#user_avatar").val();

    if (userName !== undefined) {
      $("#menu-item-437097 .row:first-child .col-inner > .icon-box:first-child h4 strong").text(userName);
      $("#menu-item-437097 .row:first-child .col-inner > .icon-box:first-child img").attr("src", userAvatar).attr("srcset", userAvatar).attr("data-srcset", userAvatar).attr("data-src", userAvatar);
    } else {
      $("#menu-item-437097 .row:first-child .col-inner > .icon-box:first-child h4").hide();
      $("#menu-item-437097 .row:first-child .col-inner > .icon-box:first-child .icon-box-img").hide();
    }
  }

  function addBrandToProduct() {
    $(".product-small").each(function () {
      if (!$(this).find(".hc_custom_template_brand").length) {
        var parent = $(this).find(".review-widget");

        var productId = $(this).find("ryviu-widget-total").attr("product_id");

        $("#products_brand_data > input").each(function () {
          var productBrandId = $(this).attr("data-product-id");

          if (parseInt(productBrandId) === parseInt(productId)) {
            if ($(this).val() !== "SIN MARCA") {
              parent.after(`<div class='hc_custom_template_brand'>${$(this).val()}</div>`);
            }

            return false;
          }
        });
      }
    });
  }

  function setCurrentMenu(currentGroupId, title, url) {
    var hasChilds = false;

    $("#hc-custom-template-text").text(title);

    $("#hc-custom-template-menu .hc-custom-template-menu-group").each(function () {
      var groupId = $(this).attr("data-menu-id");

      if (parseInt(groupId) === currentGroupId) {
        var clone = $(this).clone();

        $("#hc-custom-template-viewer").html(clone);

        if (currentGroupId !== 0) {
          $("#hc-custom-template-back").css("visibility", "visible");
        } else {
          $("#hc-custom-template-back").css("visibility", "hidden");
        }

        hasChilds = true;
      }
    });

    if (!hasChilds) {
      window.location.href = url;
    }
  }

  function replaceStoreMenu() {
    var content = $(".bnav_main_menu #menu-item-437312").html();

    var newContent = content.replace('<a href="https://www.holycosmetics.com.co/tienda/"', '<a id="hc-custom-template-open"');

    $(".bnav_main_menu #menu-item-437312").html(newContent);
  }
/*TOPBAR-SOCIAL*/
	$(document).ready(function() {

    $("#top-bar p").css("opacity", "0");
	$(".wc-social-login.form-row-wide").css("opacity", "0");

    // Mostrar la sección con un efecto de desvanecimiento
    $("#top-bar p").animate({ opacity: 1 }, 1000);
	$(".wc-social-login.form-row-wide").animate({ opacity: 1 }, 1000);
});
	

})(jQuery);