var overlay = '<div id="overlay-cart-load"></div>',
  product =
    '<div class="product-summary-container"><div class="product-summary"><div class="product-summary-image-container"> <img src="{PRODUCT_IMAGE}" alt="Product Image"></div><div class="product-summary-info"><div class="product-summary-name-delete-item"><p class="product-summary-name" data-refCode="{REFERENCE_CODE}">{VARIANT_NAME}</p><i class="cart-summary-close-button mini_cart_delete_item cart-delete-icon" data-variant-id="{DATA_ID}"></i></div><div class="price-quantity-info"><div class="buttons-quantity"> <input id="variantId" type="hidden" data-variant-second-id="{VARIANT_ID}"> <button class="subtract-button mini_cart_card_product_quantity_input_minus">-</button><div class="count-container"><p id="item-id-cart-{VARIANT_ID2}" class="flexy-cart-product-quantity" data-cart-item-id="{ITEM_ID}">{VARIANT_QTY_1}</p></div><button class="add-button mini_cart_card_product_quantity_input_plus">+</button></div><div class="price-close"><p class="price-currency">R$ {VARIANT_PRICE}</p></div></div></div></div><div class="divider-product"></div></div>',
  bottomZipPrice =
    '<div class="shopping-summary"><div class="shipping-container"><div class="divider"></div>' +
    zipCode +
    '<div class="keep-shopping-product-active-container"> <div class="total-box-container"> <p class="total-title">Subtotal</p><p class="total-price">{TOTAL_CART}</p></div><div class="stay-buy"><a style="display:none" href="/"> CONTINUAR COMPRANDO </a></div><div class="keep-shopping-active-button-container"> <button><a href="/cart"> FINALIZAR ORÇAMENTO </a></button></div></div></div>';

    $("body").on("cart-success", [".flexy-add-to-cart", ".btn-add-to-cart-qty"], (e, t) => {
     // var o = 4e3;
     var o = 10000;
      var a = $(".cart-sumary .header-mini-cart");
      updateCartVariable();
      if ($(window).width() > 991) {
        a.addClass("open");
        window.setTimeout(function () {
          a.removeClass("open");
        }, o);
      }
    }
  ),
    $("body").on("cart-error", (e, t) => {
      alert(t);
    });
  
    $(document).on("click", ".mini_cart_card_product_quantity_input_plus", function () {
      let cartSummaryObj = JSON.parse(localStorage.getItem('cartInfoLocal'));
      var $parent = $(this).parent();
      var $input = $parent.find(".flexy-cart-product-quantity");
      let itemId = $(this).closest('.product-summary-info').find('#variantId').data('variant-second-id');
      let dataInteg = ($parent.find('#integCode').attr('data-in-code'))
      if (dataInteg != "tester") {
        var newQuantity = Number($input.text()) + 1;
        $parent.find(".flexy-cart-product-quantity").text(newQuantity);
        // cartChangeQuantityPlus(itemId, cartSummaryObj, newQuantity);
        // localStorage.setItem('cartInfoLocal', JSON.stringify(cartSummaryObj))
        updateMiniCart($input, newQuantity);
      } else {
        $input.attr('disabled', 'disabled');
        alert('Não é possível adicionar ou subtrair este produto')
      }
  });

  $(document).on("click", ".mini_cart_card_product_quantity_input_minus", function () {
      let cartSummaryObj = JSON.parse(localStorage.getItem('cartInfoLocal'));
      let itemId = $(this).closest('.product-summary-info').find('#variantId').data('variant-second-id');
      var $parent = $(this).parent();
      var $input = $parent.find(".flexy-cart-product-quantity");
      let dataInteg = ($parent.find('#integCode').attr('data-in-code'))
      var newQuantity = Number($input.text()) - 1;
      if (dataInteg != "tester") {
        if (newQuantity > 0) {
          $parent.find(".flexy-cart-product-quantity").text(newQuantity);
          cartChangeQuantityMinus(itemId, cartSummaryObj, newQuantity);
          localStorage.setItem('cartInfoLocal', JSON.stringify(cartSummaryObj))
          updateMiniCart($input, newQuantity);
        }
      } else {
        $input.attr('disabled', 'disabled');
        alert('Não é possível adicionar ou subtrair este produto')
      }
  });

  $("body").on("click", ".card_product_quantity button.remove", function(event) {
   
    let cartSummaryObj = JSON.parse(localStorage.getItem('cartInfoLocal'));
   
    let itemId = $(this).attr('data-variant-id');
    let inputQty = $( this ).parents('.card_product_quantity').find('.product-quantity');

    let qty = parseFloat($(inputQty).val());
    let productQty = parseFloat($(this).attr('data-quantity'));
    cartChangeQuantityMinus2(itemId, cartSummaryObj, productQty)
    localStorage.setItem('cartInfoLocal', JSON.stringify(cartSummaryObj))

    if (qty > 1) {
      productQty = productQty - 1;
      cartChangeQuantityMinus2(itemId, cartSummaryObj, productQty)
      $(inputQty).val(qty - 1);
    }
    $(inputQty).blur();
  }); 
  
  function updateCart(cart) {
    var t = SHOW_PRODUCT_PRICE ? $.number(cart.totalWithDiscount, 2, ",", ".") : "",
      cartContent = $(".product-list").empty(),
      a = ((cart) => {
        var t = [];
        if (
          (0 < cart.items.length && (t = $.merge(t, cart.items)),
          cart.sales && 0 < cart.sales.length)
        )
          for (var o = 0; o < cart.sales.length; o++)
            t = $.merge(t, cart.sales[o].items);
        return t;
      })(cart);
    if (cart && 0 != a.length) {
      // calculaFreteMiniCart();
      cartContent.append(overlay);
      for (var i = 0, s = 0; s < a.length; s++) {
        var n = a[s],
          r = SHOW_PRODUCT_PRICE
            ? $.number(n.totalPriceWithDiscount, 2, ",", ".")
            : "",
          l = n.quantity;
        n.variant.isFractionalStock && (l = 1),
        // console.log(n),
          cartContent.append(
            product
              .replace(
                "{PRODUCT_IMAGE}",
                n.image
                  ? n.image
                  : "/bundles/flexyftwostore/img/product-placeholder.gif"
              )
              .replace("{VARIANT_QTY_1}", n.quantity)
              .replace("{VARIANT_QTY_2}", n.quantity)
              .replace("{ITEM_ID}", n.id)
              .replace("{VARIANT_NAME}", n.name.split(" (")[0])
              .replace("{VARIANT_PRICE}", r)
              .replace("{DATA_ID}", n.id)
              .replace("{VARIANT_ID2}", n.variant.id)
              .replace("{VARIANT_ID}", n.variant.id)
              .replace("{REFERENCE_CODE}", n.variant.referenceCode)
          ),
          (i += l);
      }
      
      $(".cart-items-count").html(Number(i));
      cartContent.append(bottomZipPrice.replace("{TOTAL_CART}", "R$ " + t));
    } else {
      cartContent.html(
        overlay +
          '<h4>Nenhum produto em seu carrinho.</h4><div class="keep-shopping-button-container"><button onclick="closeCartSummary()" class="keep-shopping-button"><p>CONTINUAR COMPRANDO</p><img src="https://d8vlg9z1oftyc.cloudfront.net/euquerohomolog/euquerohomolog-file-manager/img/arrow-right-icon.png"alt="Arrow right"></button></div>'
      );
    }
      let testerControl = localStorage.getItem("tester");
      let brindeControl = localStorage.getItem("brinde");

      let currentCart = document.querySelectorAll(".cart-fractional-control")
      let currentCartArray = [];
      let currentCartReferenceCode = []

      for (var i = 0; i < currentCart.length; i++) {
        let itemRefCode = currentCart[i].getAttribute('data-reference-code');
        let itemIntegrationCode = currentCart[i].getAttribute('data-tester'); 

        let dataCurrentCart = {
          refCode : itemRefCode,
          integCode : itemIntegrationCode,
        }

        currentCartArray.push(dataCurrentCart)
      }
      
      let currentCartRefCode = document.querySelectorAll(".product-summary-name")
          for (var h = 0; h < currentCartRefCode.length; h++) {
            let currentCartReferenceCode2 = currentCartRefCode[h].getAttribute('data-refcode')
            currentCartReferenceCode.push(currentCartReferenceCode2)
              if (currentCartArray[h].refCode == currentCartReferenceCode[h] && currentCartArray[h].integCode != null && currentCartArray[h].integCode != undefined && currentCartArray[h].integCode != '') {
                $(".buttons-quantity")[h].innerHTML += `<p id="integCode" class='hidden' data-in-code='${currentCartArray[h].integCode}'></p>`
              } else {
                $(".buttons-quantity")[h].innerHTML += `<p id="integCode" class='hidden' data-in-code='1'></p>`
              }
            
          }
  }
  function deleteMiniCartItem(i) {
    var variantID = $(i).data("variant-id");
    $.ajax({
      url: "/cart/delete",
      type: "post",
      data: {
        id: variantID,
      },
      beforeSend: function () {
        overlay_mini_cart();
      },
      success: function (data) {
        updateCartVariable();
      },
      error: function (data) {
        console.log("	2 - " + data.responseJSON.error);
        $(inputQty).val(qty);
      },
    });
  }

  function deleteMiniCartItem2(variantID) {
    $.ajax({
      url: "/cart/delete",
      type: "post",
      data: {
        id: variantID,
      },
      beforeSend: function () {
        overlay_mini_cart();
      },
      success: function (data) {
        updateCartVariable();
      },
    });
  }

  // function addMiniCartItem2(variantID) {
  //   $.ajax({
  //     url: "/cart/add",
  //     type: "post",
  //     data: {
  //       id: variantID,
  //     },
  //     beforeSend: function () {
  //       overlay_mini_cart();
  //     },
  //     success: function (data) {
  //       updateCartVariable();
  //     },
  //   });
  // }

  function deleteAdditionalItems(id, obj) {
    let productObj;

    obj.map((item, index) => {
      if (item.productId == id) {
        productObj = item;
      }
    })

    if (productObj.brinde.set == true) {
      let brindeId = productObj.brinde.id;
      deleteMiniCartItem2(brindeId);
    }

    if (productObj.tester.set == true) {
      let testerId = productObj.tester.id;
      deleteMiniCartItem2(testerId);
    }
  }

  function cartChangeQuantityMinus (id, obj, qty) {
    let productObj;
    let productQty = qty

    obj.map((item, index) => {
      if (item.productId == id) {
        productObj = item;
      }
    })

    if (productObj.brinde.set == true) {
      let brindeQty = parseFloat(productObj.brinde.quantity);
      if (brindeQty > productQty) {
        let brindeId = productObj.brinde.id;
        productObj.brinde.set = false;
        deleteMiniCartItem2(brindeId);
      }
    }

    if (productObj.tester.set == true) {
      let testerQty = parseFloat(productObj.tester.quantity);
      if (testerQty > productQty) {
        let testerId = productObj.tester.id;
        productObj.tester.set = false;
        deleteMiniCartItem2(testerId);
      }
    }
  }

  function cartChangeQuantityMinus2 (id, obj, qty) {
    let productObj;
    let productQty = qty

    if(!obj)return;

    obj.map((item, index) => {
      if (item.productId == id) {
        productObj = item;
      }
    })

    if (productObj.brinde.set == true) {
      let brindeQty = parseFloat(productObj.brinde.quantity);
      if (brindeQty > productQty) {
        let brindeId = productObj.brinde.id;
        productObj.brinde.set = false;
        deleteMiniCartItem2(brindeId);
      }
    }

    if (productObj.tester.set == true) {
      let testerQty = parseFloat(productObj.tester.quantity);
      if (testerQty > productQty) {
        let testerId = productObj.tester.id;
        productObj.tester.set = false;
        deleteMiniCartItem2(testerId);
      }
    }
  }

  // function cartChangeQuantityPlus (id, obj, qty) {
  //   let productObj;
  //   let productQty = qty

  //   obj.map((item, index) => {
  //     if (item.productId == id) {
  //       productObj = item;
  //     }
  //   })

  //   if (productObj.brinde.set == false) {
  //     let brindeQty = parseFloat(productObj.brinde.quantity);
  //     if (productQty >= brindeQty) {
  //       let brindeVariantId = productObj.brinde.variantId;
  //       productObj.brinde.set = true;
  //       productObj.brinde.id = null;
  //       addMiniCartItem2(brindeVariantId);
  //     }
  //   }

  //   if (productObj.tester.set == false) {
  //     let testerQty = parseFloat(productObj.tester.quantity);
  //     if (productQty >= testerQty) {
  //       let testerVariantId = productObj.tester.variantId;
  //       productObj.tester.set = true;
  //       productObj.tester.id = null;
  //       addMiniCartItem2(testerVariantId);
  //     }
  //   }
  // }
  
  $(document).on("click", ".mini_cart_delete_item", function () {
    deleteMiniCartItem(this);
    let cartSummaryObj = JSON.parse(localStorage.getItem('cartInfoLocal'));
    let itemId = $(this).closest('.product-summary-info').find('#variantId').data('variant-second-id');
    deleteAdditionalItems(itemId, cartSummaryObj);
    cartSummaryObj.map((item, index) => {
      if (item.productId == itemId) {
        cartSummaryObj.splice(index, 1);
        console.log(cartSummaryObj);
        localStorage.setItem('cartInfoLocal', JSON.stringify(cartSummaryObj));
      }
    })
  });

  $(document).on("click", ".remove-ico-cart", function () {
    let cartSummaryObj = JSON.parse(localStorage.getItem('cartInfoLocal'));
    let itemId = $(this).parent()[0].dataset.variantId;
    let cartId = $(this).parent()[0].dataset.cartId;
    deleteMiniCartItem3(cartId)
    deleteAdditionalItems(itemId, cartSummaryObj);
    cartSummaryObj.map((item, index) => {
      if (item.productId == itemId) {
        cartSummaryObj.splice(index, 1);
        console.log(cartSummaryObj);
        localStorage.setItem('cartInfoLocal', JSON.stringify(cartSummaryObj));
      }
    })
    // window.location.href = '/cart/delete?id=' + url
  })

  function deleteMiniCartItem3(variantIDdelete) {
    // let productObj;
    // let varId = variantIDdelete
    // console.log(obj)
    // obj.map((item, index) => {
    //   console.log(item.brinde.id, varId)
    //   if (item.brinde.id == variantIDdelete) {
    //     productObj = item
    //     productObj.brinde.set = false;
    //     productObj.brinde.id = null;
    //   } else {
    //     if (item.tester.id == variantIDdelete) {
    //       productObj = item
    //       productObj.tester.set = false;
    //       productObj.tester.id = null;
    //     }
    //   }
    // });

    $.ajax({
      url: "/cart/delete",
      type: "post",
      data: {
        id: variantIDdelete,
      },
      success: function (data) {
        window.location.href='/cart';
      },
    });
  }

  $(document).on("click", ".clearStoreName", function () {
    deleteMiniCartItem(this);
  });
  
  function updateCartVariable() {
    $.ajax({
      url: "/update-cart-js",
      type: "get",
      data: {
        zipCode: zipCode,
      },
      beforeSend: function () {
        overlay_mini_cart();
      },
    })
      .done(function (data) {
        CART = $.parseJSON(data);
        updateCart(CART);
      })
      .complete(function () {
        $(".flexy-input-postcode").val(zipCode);
      })
      .fail(function (jqXHR, textStatus, data) {
        console.log("ERRO1 - " + data);
      });
  }
  
  function overlay_mini_cart() {
    $("#overlay-cart-load").show();
    $("#overlay-cart-load").html('<div class="overlay-box"><span class="fa fa-spinner fa-spin"></span></div>');
  }
  
  function updateMiniCart($this, quantity) {
    $.ajax({
      url: "/cart/update",
      data: {
        id: $this.data("cart-item-id"),
        customization_item_id: $this.data("customization-item-id"),
        quantity: quantity,
      },
      type: "POST",
      beforeSend: function (data) {
        $(".loading").html(
          '<div class="alert alert-info"><i class="fa fa-spin fa-refresh"></i> Alterando quantidade do produto...</div>'
        );
      },
      success: function (data) {
        if (data.error != null) {
          alert(data.error);
        }
      },
      error: function (data) {
        $this.trigger("change-quantity-error");
      },
      complete: function () {
        updateCartVariable();
      },
    });
  }
  
  function updateZipVariable() {
    $.ajax({
      url: "/update-cart-js",
      type: "get",
      data: {
        zipCode: zipCode,
      },
    }).fail(function (jqXHR, textStatus, data) {
      console.log("ERRO4 - " + data);
    });
  }
  
  //abrir e fechar cart-summary ao clicar em comprar
  $("body").on("click", ".flexy-add-to-cart", () => {
    if($(window).width()>991) {
      $("#cartSummary").css({transform: "translate(0px)"})
      window.setTimeout(() => {
        $("#cartSummary").css({transform: "translate(100%)"});
      }, 4e3)
    } 
    else {
        $("#cartSummary").css({transform: "translate(0px)"});
    }
  });

  //abrir e fechar cart-summary ao clicar no header
//   $("body").on("click", ".top-icon-cart", () => {
//     if($(window).width()>991) {
//       $("#cartSummary").css({transform: "translate(0px)"})
//       window.setTimeout(() => {
//         $("#cartSummary").css({transform: "translate(100%)"});
//       }, 4e3)
//     }
//     else {
//       $("#cartSummary").css({transform: "translate(0px)"});
//     }
//   });

//abrir e fechar cart-summary ao clicar em comprar
$("body").on("click", ".btn-add-to-cart-qty", () => {
    if($(window).width()>991) {
        $("#cartSummary").css({transform: "translate(0px)"})
    } 
    else {
        $("#cartSummary").css({transform: "translate(0px)"});
    }
});

//abrir e fechar cart-summary ao clicar no header
$("body").on("click", ".top-icon-cart", () => {
    if($(window).width()>991) {
        $("#cartSummary").css({transform: "translate(0px)"})
    }
    else {
        $("#cartSummary").css({transform: "translate(0px)"});
    }
});
  
  //fechar cart-summary ao clicar no ícone para fechá-lo
$("body").on("click", ".esc-menu-white", () => {
    if($(window).width()>991) {
        $("#cartSummary").css({transform: "translate(100%)"});
        }
    else {
        $("#cartSummary").css({transform: "translate(100%)"});
    }
  }
);