관리-도구

편집 파일: custom.js

"use strict";

(function ($) {
    $(".profile-aside-btn").on("click", function () {
        $("#shop-sidebar, .profile-aside-overlay").toggleClass("active");
    });
    $(".profile-aside-close-btn, .profile-aside-overlay").on(
        "click",
        function () {
            $("#shop-sidebar, .profile-aside-overlay").removeClass("active");
        }
    );

$(".stopPropagation").on("click", function (e) {
        e.stopPropagation();
    });
    $('[data-toggle="tooltip"]').tooltip();
})(jQuery);

$(document).ready(function () {
    const stickyElement = $(".bottom-sticky_ele");
    const offsetElement = $(".bottom-sticky_offset");

if (stickyElement.length !== 0) {
        $(window).on("scroll", function () {
            const elementOffset =
                offsetElement.offset().top - $(window).height() / 1.2;
            const scrollTop = $(window).scrollTop();

if (scrollTop >= elementOffset) {
                stickyElement.addClass("stick");
            } else {
                stickyElement.removeClass("stick");
            }
        });
    }

getReferralCodeFromURL();
    renderOfferBarFunction("#announcement");

/*==================================
    19: Changing svg color
    ====================================*/
    $("img.svg").each(function () {
        var $img = jQuery(this);
        var imgID = $img.attr("id");
        var imgClass = $img.attr("class");
        var imgURL = $img.attr("src");

jQuery.get(
            imgURL,
            function (data) {
                // Get the SVG tag, ignore the rest
                var $svg = jQuery(data).find("svg");

// Add replaced image's ID to the new SVG
                if (typeof imgID !== "undefined") {
                    $svg = $svg.attr("id", imgID);
                }
                // Add replaced image's classes to the new SVG
                if (typeof imgClass !== "undefined") {
                    $svg = $svg.attr("class", imgClass + " replaced-svg");
                }

// Remove any invalid XML tags as per http://validator.w3.org
                $svg = $svg.removeAttr("xmlns:a");

// Check if the viewport is set, else we gonna set it if we can.
                if (
                    !$svg.attr("viewBox") &&
                    $svg.attr("height") &&
                    $svg.attr("width")
                ) {
                    $svg.attr(
                        "viewBox",
                        "0 0 " + $svg.attr("height") + " " + $svg.attr("width")
                    );
                }
                // Replace image with new SVG
                $img.replaceWith($svg);
            },
            "xml"
        );
    });
});

toastr.options = {
    closeButton: false,
    debug: false,
    newestOnTop: false,
    progressBar: false,
    positionClass: "toast-top-right",
    preventDuplicates: false,
    onclick: null,
    showDuration: "300",
    hideDuration: "1000",
    timeOut: "5000",
    extendedTimeOut: "1000",
    showEasing: "swing",
    hideEasing: "linear",
    showMethod: "fadeIn",
    hideMethod: "fadeOut",
};

$(".get-currency-change-function").on("click", function () {
    let code = $(this).data("code");
    currencyChangeFunction(code);
});

$(".change-language").on("click", function () {
    $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
        },
    });
    $.ajax({
        type: "POST",
        url: $(this).data("action"),
        data: {
            language_code: $(this).data("language-code"),
        },
        success: function (data) {
            toastr.success(data.message);
            location.reload();
        },
    });
});

$(".web-announcement-slideUp").on("click", function () {
    $("#announcement").slideUp(300);
    let hideUntil = Date.now() + 300000;
    localStorage.setItem("offerBarHideUntil", hideUntil);
});

$(".category-menu-toggle-btn").on("click", function () {
    $(".megamenu-wrap").toggleClass("show");
});

$(".navbar-tool-icon-box").on("click", function () {
    $(".megamenu-wrap").removeClass("show");
});

$(window).on("scroll", function () {
    $(".megamenu-wrap").removeClass("show");
});

$(".close-search-form-mobile").on("click", function () {
    $(".search-form-mobile").removeClass("active");
});
$(".open-search-form-mobile").on("click", function () {
    $(".search-form-mobile").addClass("active");
});

$(".get-view-by-onclick").on("click", function () {
    location.href = $(this).data("link");
});

$(".get-login-recaptcha-verify").on("click", function () {
    let url = $(this).data("link");
    customerLoginRecaptcha(url);
});
$(".get-login-verify-recaptcha-verify").on("click", function () {
    let url = $(this).data("link");
    customerLoginVerifyRecaptcha(url);
});

function customerLoginVerifyRecaptcha(url) {
    url =
        url +
        "/" +
        Math.random() +
        "?captcha_session_id=default_recaptcha_id_customer_login_verify";
    document.getElementById("customer_login_verify_recaptcha_id").src = url;
}
function customerLoginRecaptcha(url) {
    url =
        url +
        "/" +
        Math.random() +
        "?captcha_session_id=default_recaptcha_id_customer_login";
    document.getElementById("customer_login_recaptcha_id").src = url;
}

$(".get-regi-recaptcha-verify").on("click", function () {
    let url = $(this).data("link");
    customerRegiRecaptcha(url);
});
$(".get-seller-regi-recaptcha-verify").on("click", function () {
    let url = $(this).data("link");
    let genUrl = url.replace(":dummy-id", Math.random());
    sellerRegiRecaptcha(genUrl);
});
function sellerRegiRecaptcha(url) {
    url = url + "?captcha_session_id=vendorRecaptchaSessionKey";
    let inputElement = $('#default_recaptcha_id');
    if (inputElement?.length > 0) {
        inputElement.attr('src', url);
    }
}
function customerRegiRecaptcha(url) {
    url =
        url +
        "/" +
        Math.random() +
        "?captcha_session_id=default_recaptcha_id_customer_regi";
    document.getElementById("default_recaptcha_id").src = url;
}

$(".get-vendor-regi-recaptcha-verify").on("click", function () {
    let genUrl = $(this).data("link");
    genUrl = genUrl.replace(":dummy-id", Math.random());
    vendorRegiRecaptcha(genUrl);
});

function vendorRegiRecaptcha(url) {
    let genUrl = url + "?captcha_session_id=default_recaptcha_id_seller_registration";
    document.getElementById("default_recaptcha_id").src = genUrl;

}

$("#inputChecked").change(function () {
    if ($(this).is(":checked")) {
        $("#sign-up").removeAttr("disabled");
    } else {
        $("#sign-up").attr("disabled", "disabled");
    }
});

$(".submitVerifyForm").on("click", function () {
    let formElement = $(this).closest("form");
    formElement.attr("action", formElement.data("verify"));
    $(this).closest("form").submit();
});

$(".resendVerifyForm").on("click", function () {
    let formElement = $(this).closest("form");
    formElement.attr("action", formElement.data("resend"));
    $(this).closest("form").submit();
});

// $(".resendVerifyForm").on('click', function () {
//     $("input.otp-field").val("");
//     $.ajaxSetup({
//         headers: {
//             "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
//         },
//     });
//     $.ajax({
//         url: $(this).data("url"),
//         method: "POST",
//         dataType: "json",
//         data: {
//             user_id: $(this).data("userid"),
//         },
//         beforeSend: function () {
//             $("#loading").show();
//         },
//         success: function (data) {
//             if (data.status == 1) {
//                 let new_counter = $(".verifyCounter");
//                 let new_seconds = data.new_time;

//                 function new_tick() {
//                     let minutes = Math.floor(new_seconds / 60);
//                     let seconds = new_seconds % 60;
//                     new_seconds--;
//                     new_counter.html(
//                         minutes +
//                             ":" +
//                             (seconds < 10 ? "0" : "") +
//                             String(seconds)
//                     );
//                     if (new_seconds > 0) {
//                         setTimeout(new_tick, 1000);
//                         $(".resend-otp-button").attr("disabled", true);
//                         $(".resend_otp_custom").slideDown();
//                     } else {
//                         $(".resend-otp-button").removeAttr("disabled");
//                         new_counter.html("0:00");
//                         $(".resend_otp_custom").slideUp();
//                     }
//                 }

//                 new_tick();

//                 toastr.success($("#message-otp-sent-again").data("text"));
//             } else {
//                 toastr.error($("#message-wait-for-new-code").data("text"));
//             }
//         },
//         complete: function () {
//             $("#loading").hide();
//         },
//     });
// });

$("#customerOtpVerify").click(function () {
    $("input.otp-field").val("");
    $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
        },
    });
    $.ajax({
        url: $(this).data("url"),
        method: "POST",
        dataType: "json",
        data: {
            identity: $(this).data("identity"),
        },
        beforeSend: function () {
            $("#loading").addClass("d-grid");
        },
        success: function (data) {
            if (data.status == 1) {
                let newCounter = $(".verifyCounter");
                let newSeconds = data.new_time;

new_tick();
                toastr.success(data.message);
            } else {
                toastr.error(data.message);
            }
        },
        complete: function () {
            $("#loading").removeClass("d-grid");
        },
    });
});

$(".get-contact-recaptcha-verify").on("click", function () {
    let url = $(this).data("link");
    url = url + "/" + Math.random();
    document.getElementById("default_recaptcha_id").src = url;
});

$(".check-password-match").on("change", function () {
    checkPasswordMatch();
});

$(document).ready(function () {
    $("#confirm_password").keyup(checkPasswordMatch);
});

$("#files").change(function () {
    accountImageReadURL(this);
});

$(".update-account-info").on("click", function () {
    $("#profile_form").submit();
});

$(".call-route-alert").on("click", function () {
    let route = $(this).data("route");
    let message = $(this).data("message");
    route_alert(route, message);
});

$(".filter-ico-button").on("click", function () {
    $(".__shop-page-sidebar").toggleClass("active");
});

$(".shop-page-sidebar-close").on("click", function () {
    $(".__shop-page-sidebar").removeClass("active");
});

$(".action-sort-shop-products-by-data").on("change", function () {
    sortShopProductsByData($(this).val());
});

$("#shop-view-chat-form").on("submit", function (e) {
    e.preventDefault();
    $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
        },
    });
    $.ajax({
        type: "post",
        url: $("#route-messages-store").data("url"),
        data: $("#shop-view-chat-form").serialize(),
        success: function (response) {
            toastr.success($("#message-send-successfully").data("text"), {
                CloseButton: true,
                ProgressBar: true,
            });
            $("#shop-view-chat-form").trigger("reset");
        },
    });
});

$(".menu--caret").on("click", function (e) {
    var element = $(this).closest(".menu--caret-accordion");
    if (element.hasClass("open")) {
        element.removeClass("open");
        element.find(".menu--caret-accordion").removeClass("open");
        element.find(".card-body").slideUp(300, "swing");
    } else {
        element.addClass("open");
        element.children(".card-body").slideDown(300, "swing");
        element
            .siblings(".menu--caret-accordion")
            .children(".card-body")
            .slideUp(300, "swing");
        element.siblings(".menu--caret-accordion").removeClass("open");
        element
            .siblings(".menu--caret-accordion")
            .find(".menu--caret-accordion")
            .removeClass("open");
        element
            .siblings(".menu--caret-accordion")
            .find(".card-body")
            .slideUp(300, "swing");
    }
});

$("#seller-chat-form").on("submit", function (e) {
    e.preventDefault();
    $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
        },
    });
    $.ajax({
        type: "post",
        url: $("#route-messages-store").data("url"),
        data: $(this).serialize(),
        success: function (response) {
            toastr.success($("#message-send-successfully").data("text"), {
                CloseButton: true,
                ProgressBar: true,
            });
            $("#seller-chat-form").trigger("reset");
        },
    });
});

$("#deliveryman-chat-form").on("submit", function (e) {
    e.preventDefault();
    $.ajaxSetup({
        headers: {
            "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
        },
    });
    $.ajax({
        type: "post",
        url: $("#route-messages-store").data("url"),
        data: $(this).serialize(),
        success: function (response) {
            toastr.success($("#message-send-successfully").data("text"), {
                CloseButton: true,
                ProgressBar: true,
            });
            $("#deliveryman-chat-form").trigger("reset");
        },
    });
});

$(".rating-label-wrap input[type=range]").on("change", function () {
    let ratingVal = $(this).val();
    let ratingContent = $(".rating_content_delivery_man");
    let rattingTextAreaClass = $(".text-area-class");
    let rattingMessages = $("#message-ratingContent");
    let htmlDir = $("#system-session-direction").data("value");
    let position = "left";
    if (htmlDir === "rtl") {
        position = "right";
    }
    switch (ratingVal) {
        case "1":
            ratingContent
                .text(rattingMessages.data("poor"))
                .css(position, "5px");
            rattingTextAreaClass.attr("placeholder", "");
            break;
        case "2":
            ratingContent
                .text(rattingMessages.data("average"))
                .css(position, "36px");
            rattingTextAreaClass.attr("placeholder", "");
            break;
        case "3":
            ratingContent
                .text(rattingMessages.data("good"))
                .css(position, "85px");
            rattingTextAreaClass.attr(
                "placeholder",
                rattingMessages.data("good-message")
            );
            break;
        case "4":
            ratingContent
                .text(rattingMessages.data("good2"))
                .css(position, "112px");
            rattingTextAreaClass.attr(
                "placeholder",
                rattingMessages.data("good2-message")
            );
            break;
        case "5":
            ratingContent
                .text(rattingMessages.data("excellent"))
                .css(position, "155px");
            rattingTextAreaClass.attr(
                "placeholder",
                rattingMessages.data("excellent-message")
            );
            break;
        default:
            break;
    }
});

$("#add_fund_to_wallet_form_btn").on("click", function () {
    if (!$("input[name='payment_method']:checked").val()) {
        toastr.error($("#message-select-payment-method").data("text"));
    }
});

$("#add-fund-amount-input").on("keyup", function () {
    if (!isNaN($(this).val()) && $(this).val() < 0) {
        $(this).val(0);
        toastr.error($("#message-cannot-input-minus-value").data("text"));
    }
});

$(".click-to-copy-coupon").on("click", function () {
    let copiedText = $(this).data("value");
    navigator.clipboard
        .writeText(copiedText)
        .then(function () {
            toastr.success($("#message-successfully-copied").data("text"));
        })
        .catch(function (error) {
            toastr.error($("#message-copied-failed").data("text"));
        });
});
$(".click-to-copy-data-value").on("click", function () {
    let copiedText = $(this).data("value");
    let tempTextarea = $("<textarea>");
    $("body").append(tempTextarea);
    tempTextarea.val(copiedText).select();
    document.execCommand("copy");
    tempTextarea.remove();
    toastr.success($("#message-successfully-copied").data("text"));
});

$("#customer-register-form").on("submit", function (e) {
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: $(this).data("action"),
        data: $(this).serialize(),
        beforeSend: function () {
            $("#loading").addClass("d-grid");
        },
        success: function (response) {
            if (response.errors) {
                for (let index = 0; index < response.errors.length; index++) {
                    toastr.error(response.errors[index].message);
                }
            } else if (response.error) {
                toastr.error(response.error);
            } else if (response.status === 1) {
                toastr.success(response.message);
            }

if (response?.redirect_url) {
                window.location.href = response.redirect_url;
            }
        },
        error: function () {

},
        complete: function () {
            $("#loading").removeClass("d-grid");
        },
    });
});

$(".remove-img-row-by-key").on("click", function () {
    let reviewId = $(this).data("review-id");
    let getPhoto = $(this).data("photo");
    let key = $(this).data("key");

$.ajaxSetup({
        headers: { "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content") },
    });
    $.ajax({
        type: "POST",
        url: $(this).data("route"),
        data: {
            id: reviewId,
            name: getPhoto,
        },
        success: function (response) {
            if (response.message) {
                toastr.success(response.message);
            }
            $(".img_row" + key).remove();
        },
    });
});

$(".customer-account-delete-by-route").on("click", function () {
    $("#shop-sidebar").removeClass("active");
    $(".profile-aside-overlay ").removeClass("active");
    let route = $(this).data("route");
    let message = $(this).data("message");
    route_alert(route, message);
});

$(".show-instant-image").on("click", function () {
    let link = $(this).data("link");
    showInstantImage(link);
});

function showInstantImage(link) {
    $("#attachment-view").attr("src", link);
    $("#show-modal-view").modal("toggle");
}

couponCode();

$(".password-toggle-btn").on("click", function () {
    let checkbox = $(this).find("input[type=checkbox]");
    let eyeIcon = $(this).find("i");
    checkbox.change(function () {
        if (checkbox.is(":checked")) {
            eyeIcon.removeClass("tio-hidden").addClass("tio-invisible");
        } else {
            eyeIcon.removeClass("tio-invisible").addClass("tio-hidden");
        }
    });
});

$(".filter-show-btn").on("click", function () {
    $("#shop-sidebar").toggleClass("show active");
});

$(".cz-sidebar-header .close").on("click", function () {
    $("#shop-sidebar").removeClass("show active");
});

$(".remove-address-by-modal").on("click", function () {
    let link = $(this).data("link");
    $("#remove-address-link").attr("href", link);
    $("#remove-address").modal("show");
});

var backgroundImage = $("[data-bg-img]");
backgroundImage
    .css("background-image", function () {
        return 'url("' + $(this).data("bg-img") + '")';
    })
    .removeAttr("data-bg-img")
    .addClass("bg-img");

$(".get-order-again-function").on("click", function () {
    let orderId = $(this).data("id");
    order_again(orderId);
});

$(".search-bar-input-mobile").keyup(function () {
    $(".search-card").css("display", "block");
    let name = $(".search-bar-input-mobile").val();
    if (name.length > 0) {
        $.get({
            url: $("#route-searched-products").data("url"),
            dataType: "json",
            data: {
                name: name,
            },
            beforeSend: function () {
                $("#loading").show();
            },
            success: function (data) {
                $(".search-result-box").empty().html(data.result);
                $(".search-result-product").on("mouseover", function () {
                    $(".search-bar-input-mobile").val(
                        $(this).data("product-name")
                    );
                });
            },
            complete: function () {
                $("#loading").hide();
            },
        });
    } else {
        $(".search-result-box").empty();
    }
});

$(".search-bar-input").keyup(function () {
    let searchBarInputElement = $(".search-bar-input");
    $(".search-card").css("display", "block");
    let name = searchBarInputElement.val();
    searchBarInputElement.data("given-value", name);
    if (name.length > 0) {
        $.get({
            url: $("#route-searched-products").data("url"),
            dataType: "json",
            data: {
                name: name,
            },
            beforeSend: function () {
                $("#loading").show();
            },
            success: function (data) {
                $(".search-result-box").empty().html(data.result);
                $(".search-result-product").on("mouseover", function () {
                    searchBarInputElement.val($(this).data("product-name"));
                });
                $(".search-result-product").on("mouseleave", function () {
                    searchBarInputElement.val(
                        searchBarInputElement.data("given-value")
                    );
                });
            },
            complete: function () {
                $("#loading").hide();
            },
        });
    } else {
        $(".search-result-box").empty();
    }
});

$(".clickable").click(function () {
    window.location = $(this).find("a").attr("href");
    return false;
});

$(".function-remove-wishList").on("click", function () {
    let productId = $(this).data("id");
    let modalId = $(this).data("modal");
    removeWishlist(productId, modalId);
});

function renderQuickViewFunction() {
    $(".action-product-quick-view").on("click", function () {
        let productId = $(this).data("product-id");
        productQuickView(productId);
    });
}

$(window).on("load", function () {
    renderQuickViewFunction();
});

$(".action-hide-billing-address").on("click", function () {
    hideBillingAddressFunction();
});

$(".action-billing-address-hide").on("click", function () {
    billingAddressFunction();
});

function billingAddressFunction() {

$("#bh-0").prop("checked", true);
    $("#billing_model").collapse();
}

$(".minimum-order-amount-message").on("click", function () {
    toastr.error($(this).data("title"), {
        CloseButton: true,
        ProgressBar: true,
    });
});

function productQuickViewFunctionalityInitialize() {
    cartQuantityInitialize();

getVariantPrice(".add-to-cart-details-form");

$(".add-to-cart-details-form input").on("change", function () {
        getVariantPrice(".add-to-cart-details-form");
    });

$(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('[data-toggle="popover"]').popover();
    });

$(".quick-view-preview-image-by-color").on("click", function () {
        let id = $("#preview-img" + $(this).data("key"));
        $(id).click();
    });
}

$(".product-details-sticky-collapse-btn").on("click", function () {
    $(this).toggleClass("rotate-180");
    $(".product-details-sticky-top").slideToggle("slow");
});

function addToCart(
    formSelector = ".add-to-cart-details-form",
    redirect_to_checkout = false,
    url = null
) {
    if (checkValidityForVariantPrice(formSelector)) {
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
            },
        });

let existCartItem = $('.product-exist-in-cart-list[name="key"]').val();
        let redirectToCheckoutValue = redirect_to_checkout.toString();

let formActionUrl = $("#route-cart-add").data("url");
        if (existCartItem !== "" && !redirect_to_checkout) {
            formActionUrl = $("#route-cart-updateQuantity-guest").data("url");
        }

$.post({
            url: formActionUrl,
            data: $(formSelector)
                .serializeArray()
                .concat({
                    name: "buy_now",
                    value: redirect_to_checkout ? 1 : 0,
                }),
            beforeSend: function () {
                $("#loading").show();
            },
            success: function (response) {
                if (response.status === 2) {
                    if (redirectToCheckoutValue !== "false") {
                        hideProductDetailsStickySection();
                        $("#buyNowModal-body").html(
                            response.shippingMethodHtmlView
                        );
                        $("#quick-view").modal("hide");
                        $("#buyNowModal").modal("show");
                        return false;
                    }
                }
                if (response.status == 1) {
                    updateNavCart();
                    toastr.success(response.message, {
                        CloseButton: true,
                        ProgressBar: true,
                    });

let actionAddToCartBtn = $(formSelector).find(".product-add-to-cart-button");
                    $(formSelector).find('.product-exist-in-cart-list[name="key"]').val(response.in_cart_key);
                    actionAddToCartBtn.html(actionAddToCartBtn.data("update"));

let topAddToCartBtn = $('.add-to-cart-details-form').find('.product-add-to-cart-button');
                    let bottomStickyAddToCart = $('.add-to-cart-sticky-form').find('.product-add-to-cart-button');
                    topAddToCartBtn.html(topAddToCartBtn.data("update"));
                    bottomStickyAddToCart.html(bottomStickyAddToCart.data("update"));

$('.add-to-cart-details-form').find('.product-exist-in-cart-list[name="key"]').val(response.in_cart_key);
                    $('.add-to-cart-sticky-form').find('.product-exist-in-cart-list[name="key"]').val(response.in_cart_key);
                    if (response?.product_variant_type === "single_variant") {
                        $(".add-to-cart-details-form")
                            .find(".product-add-to-cart-button")
                            .html(actionAddToCartBtn.data("update"));
                        $(".add-to-cart-sticky-form")
                            .find(".product-add-to-cart-button")
                            .html(actionAddToCartBtn.data("update"));
                    }

$(".close-quick-view-modal").click();

if (
                        redirectToCheckoutValue === "true" &&
                        response.redirect_to_url
                    ) {
                        setTimeout(function () {
                            location.href = response.redirect_to_url;
                        }, 100);
                    } else if (redirectToCheckoutValue === "true") {
                        setTimeout(function () {
                            location.href = url;
                        }, 100);
                    }

return false;
                } else if (response.status == 0) {
                    if (
                        redirectToCheckoutValue !== "false" ||
                        !redirect_to_checkout
                    ) {
                        hideProductDetailsStickySection();
                        $("#out-of-stock-modal-message").html(response.message);
                        $("#out-of-stock-modal").modal("show");
                        return false;
                    }
                }
            },
            complete: function () {
                $("#loading").hide();
            },
        });
    } else {
        Swal.fire({
            type: "info",
            title: "Cart",
            text: $("#message-please-choose-all-options").data("text"),
        });
    }
}

$(".product-add-to-cart-button").on("click", function () {
        let parentElement = $(this).closest(".product-cart-option-container");
        let productCartForm = parentElement.find(".addToCartDynamicForm");
        addToCart(productCartForm ?? $(".add-to-cart-details-form"));
    });

$(".product-action-add-wishlist").on("click", function () {
        let id = $(this).data("product-id");
        addWishlist(id);
    });

$(".product-restock-request-button").on("click", function () {
        let isLoggedIn = $(this).data("auth")?.toString();
        if (isLoggedIn === "true" || isLoggedIn === "1") {
            let parentElement = $(this).closest(
                ".product-cart-option-container"
            );
            let productCartForm = parentElement.find(".addToCartDynamicForm");
            let getFrom = $(this).data("form")?.toString();

if (productCartForm?.length <= 0 && getFrom && getFrom !== "") {
                productCartForm = $(getFrom);
            }
            getRequestForProductRestock(productCartForm);
        } else {
            $("#login-alert-modal").modal("show");
        }
    });

try {
                    subscribeToNotificationTopics([response?.fcm_topic]);
                } catch (e) {
                    console.log(e);
                }
            },
            complete: function () {
                $("#loading").hide();
            },
        });
    }
}

commonFunctionalityForProductView();

function orderSummaryStickyFunction() {
    try {
        const stickyElement = $(".bottom-sticky3");
        const offsetElement = $(".__cart-total_sticky .proceed_to_next_button");

$(window).on("resize", orderSummaryStickyFunction);
$(window).on("scroll", orderSummaryStickyFunction);

function cartListQuantityUpdateInit() {
    $(".action-update-cart-quantity").on("click", function () {
        let cartId = $(this).data("cart-id");
        let productId = $(this).data("product-id");
        let action = $(this).data("action");
        let event = $(this).data("event");
        updateCartQuantity(cartId, productId, action, event);
    });

$(".action-update-cart-quantity-list").on("click", function () {
        let minimumOrderQuantity = $(this).data("minimum-order");
        let key = $(this).data("cart-id");
        let increment = $(this).data("increment");
        let event = $(this).data("event");
        updateCartQuantityList(minimumOrderQuantity, key, increment, event);
    });

$(".action-change-update-cart-quantity-list").on("change", function () {
        let minimumOrderQuantity = $(this).data("minimum-order");
        let key = $(this).data("cart-id");
        let increment = $(this).data("increment");
        let event = $(this).data("event");
        updateCartQuantityList(minimumOrderQuantity, key, increment, event);
    });

$(".action-update-cart-quantity-list-mobile").on("click", function () {
        let minimumOrderQuantity = $(this).data("minimum-order");
        let key = $(this).data("cart-id");
        let increment = $(this).data("increment");
        let event = $(this).data("event");
        updateCartQuantityListMobile(
            minimumOrderQuantity,
            key,
            increment,
            event
        );
    });

$(".action-change-update-cart-quantity-list-mobile").on(
        "change",
        function () {
            let minimumOrderQuantity = $(this).data("minimum-order");
            let key = $(this).data("cart-id");
            let increment = $(this).data("increment");
            let event = $(this).data("event");
            updateCartQuantityListMobile(
                minimumOrderQuantity,
                key,
                increment,
                event
            );
        }
    );

$(document).ready(function () {
        $(".cart_information").each(function () {
            let allShopItemsInChecked = true;
            $(this)
                .find(".shop-item-check")
                .each(function () {
                    if (!$(this).prop("checked")) {
                        allShopItemsInChecked = false;
                        return false;
                    }
                });
            $(this)
                .find(".shop-head-check")
                .prop("checked", allShopItemsInChecked);
        });
    });

$(".shop-head-check").on("change", function () {
        $(this)
            .parents(".cart_information")
            .find(".shop-item-check")
            .prop("checked", this.checked);
    });

$(".shop-item-check").on("change", function () {
        var allChecked = true;
        $(this)
            .parents(".cart_information")
            .find(".shop-item-check")
            .each(function () {
                if (!$(this).prop("checked")) {
                    allChecked = false;
                    return false;
                }
            });
        $(this)
            .parents(".cart_information")
            .find(".shop-head-check")
            .prop("checked", allChecked);
    });

$(".shop-head-check-desktop").on("change", function () {
        getCartSelectCartItemsCheckedValues(
            '.cart_information input[type="checkbox"].shop-item-check-desktop'
        );
    });

$(".shop-head-check-mobile").on("change", function () {
        getCartSelectCartItemsCheckedValues(
            '.cart_information input[type="checkbox"].shop-item-check-mobile'
        );
    });

$(".shop-item-check-desktop").on("change", function () {
        getCartSelectCartItemsCheckedValues(
            '.cart_information input[type="checkbox"].shop-item-check-desktop'
        );
    });

$(".shop-item-check-mobile").on("change", function () {
        getCartSelectCartItemsCheckedValues(
            '.cart_information input[type="checkbox"].shop-item-check-mobile'
        );
    });

cartListQuantityUpdateInit();

$(".action-set-shipping-id").on("change", function () {
        let cartGroupId = $(this).data("product-id");
        let id = $(this).val();
        setShippingId(id, cartGroupId);
    });
}

actionCheckoutFunctionInit();

if (
                    parseInt(input.val()) ==
                    productContainer.find(".input-number").attr("max") &&
                    productType === "physical"
                ) {
                    $(this).attr("disabled", true);
                }
            }
        } else {
            productContainer.find(".input-number").val(0);
        }
    });

$(".input-number").focusin(function () {
        $(this).data("oldValue", $(this).val());
    });

$(".input-number").change(function () {
        let productType = $(this).data("producttype");
        let minValue = parseInt($(this).attr("min"));
        let maxValue = parseInt($(this).attr("max"));
        let valueCurrent = parseInt($(this).val());
        let name = $(this).attr("name");
        let productContainer = $(this).closest(
            ".product-cart-option-container"
        );
        if (valueCurrent >= minValue) {
            $(
                ".btn-number[data-type='minus'][data-field='" + name + "']"
            ).removeAttr("disabled");
        } else {
            Swal.fire({
                icon: "error",
                title: $("#message-cart").data("text"),
                text: $("#message-minimum-order-quantity-cannot-less-than").data("text")+ " "+ minValue,
            });
            $(".input-number").val($(".input-number").attr("min"));
        }
        if (productType === "digital" || valueCurrent <= maxValue) {
            $(".btn-number[data-type='plus'][data-field='" + name + "']"
            ).removeAttr("disabled");
        } else {
            Swal.fire({
                icon: "error",
                title: $("#message-cart").data("text"),
                text: $("#message-sorry-stock-limit-exceeded").data("text"),
            });
            productContainer
                .find(".input-number")
                .val(productContainer.find(".input-number").attr("max"));
        }
    });

$(".input-number").keydown(function (e) {
        if (
            $.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
            (e.keyCode == 65 && e.ctrlKey === true) ||
            (e.keyCode >= 35 && e.keyCode <= 39)
        ) {
            return;
        }
        if (
            (e.shiftKey || e.keyCode < 48 || e.keyCode > 57) &&
            (e.keyCode < 96 || e.keyCode > 105)
        ) {
            e.preventDefault();
        }
    });
}

function debounce(func, delay) {
    let debounceTimer;
    return function () {
        let context = this;
        let args = arguments;
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(() => func.apply(context, args), delay);
    };
}
let currentPriceRequest = null;
const debouncedGetVariantPrice = debounce(getVariantPrice, 300);

$(".add-to-cart-details-form input").on("input change", () => {
    debouncedGetVariantPrice(".add-to-cart-details-form");
});

$(".add-to-cart-sticky-form input").on("input change", () => {
    debouncedGetVariantPrice(".add-to-cart-sticky-form");
});

function updateCartQuantity(cart_id, product_id, action, event) {
    let remove_url = $("#route-cart-remove").data("url");
    let update_quantity_url = $("#route-cart-updateQuantity-guest").data("url");
    let token = $('meta[name="_token"]').attr("content");
    let product_qyt =
        parseInt($(`.cartQuantity${cart_id}`).val()) + parseInt(action);
    let cart_quantity_of = $(`.cartQuantity${cart_id}`);
    let segment_array = window.location.pathname.split("/");
    let segment = segment_array[segment_array.length - 1];

if (cart_quantity_of.val() > cart_quantity_of.data("current-stock")) {
        cartItemRemoveFunction(remove_url, token, cart_id, segment);
        return false;
    }

if (cart_quantity_of.val() == 0) {
        toastr.info($(".cannot_use_zero").data("text"), {
            CloseButton: true,
            ProgressBar: true,
        });
        cart_quantity_of.val(cart_quantity_of.data("min"));
    } else if (
        cart_quantity_of.val() == cart_quantity_of.data("min") &&
        event == "minus"
    ) {
        cartItemRemoveFunction(remove_url, token, cart_id, segment);
    } else {
        if (cart_quantity_of.val() < cart_quantity_of.data("min")) {
            let min_value = cart_quantity_of.data("min");
            toastr.error(
                $("#message-minimum-order-quantity-cannot-less-than").data(
                    "text"
                ) +
                " " +
                min_value
            );
            cart_quantity_of.val(min_value);
            updateCartQuantity(cart_id, product_id, action, event);
        } else {
            $(`.cartQuantity${cart_id}`).html(product_qyt);
            $.post(
                update_quantity_url,
                {
                    _token: token,
                    key: cart_id,
                    product_id: product_id,
                    quantity: product_qyt,
                },
                function (response) {
                    if (response["status"] == 0) {
                        toastr.error(response["message"]);
                    } else {
                        toastr.success(response["message"]);
                    }
                    $('.product-exist-in-cart-list[name="key"]').val(
                        response.in_cart_key
                    );
                    response["qty"] <= 1
                        ? $(`.quantity__minus${cart_id}`).html(
                            '<i class="fi fi-rr-trash-outlined text-danger fs-10"></i>'
                        )
                        : $(`.quantity__minus${cart_id}`).html(
                            '<i class="tio-remove fs-10"></i>'
                        );

$(`.cartQuantity${cart_id}`).val(response["qty"]);
                    $(`.cartQuantity${cart_id}`).html(response["qty"]);
                    $(`.cart_quantity_multiply${cart_id}`).html(
                        response["qty"]
                    );
                    $(".cart_total_amount").html(response.total_price);
                    $(".cart-total-price").html(response.total_price);
                    $(`.discount_price_of_${cart_id}`).html(
                        response["discount_price"]
                    );
                    $(`.quantity_price_of_${cart_id}`).html(
                        response["quantity_price"]
                    );
                    $(`.total_discount`).html(response["total_discount_price"]);
                    $(`.free_delivery_amount_need`).html(
                        response.free_delivery_status.amount_need
                    );
                    if (response.free_delivery_status.amount_need <= 0) {
                        $(".amount-fill-up").removeClass("d-none");
                        $(".amount-need-to-fill-up").addClass("d-none");
                    } else {
                        $(".amount-fill-up").addClass("d-none");
                        $(".amount-need-to-fill-up").removeClass("d-none");
                    }
                    const progressBar = document.querySelector(".progress-bar");
                    if (progressBar) {
                        progressBar.style.width =
                            response.free_delivery_status.percentage + "%";
                    }
                    if (response["qty"] == cart_quantity_of.data("min")) {
                        cart_quantity_of
                            .parent()
                            .find(".quantity__minus")
                            .html(
                                '<i class="fi fi-rr-trash-outlined text-danger fs-10"></i>'
                            );
                    } else {
                        cart_quantity_of
                            .parent()
                            .find(".quantity__minus")
                            .html('<i class="tio-remove fs-10"></i>');
                    }
                    if (
                        segment === "shop-cart" ||
                        segment === "checkout-payment" ||
                        segment === "checkout-details"
                    ) {
                        location.reload();
                    }
                }
            );
        }
    }
}

function getUpdateProductAddUpdateCartBtn(response) {
    try {
        let productInfo = $(".product-generated-variation-code");
        let productVariantExist = false;

response?.cartList?.map(function (item, index) {
            if (
                productInfo.data("product-id") == item?.id &&
                productInfo.val() == item?.variant
            ) {
                productVariantExist = true;
            }
        });

if (!productVariantExist) {
            let actionAddToCartBtn = $(".product-add-to-cart-button");
            actionAddToCartBtn.html(actionAddToCartBtn.data("add"));
            $('.product-exist-in-cart-list[name="key"]').val("");
        }
    } catch (e) { }
}

$(".add-to-cart-details-form").on("submit", function (event) {
    event.preventDefault();
});

$(".add-to-cart-details-form input").on("change", () => {
    getVariantPrice(".add-to-cart-details-form");
});

$(".add-to-cart-sticky-form input").on("change", () => {
    getVariantPrice(".add-to-cart-sticky-form");
});

let checkFirstTimeVariant = true;
function getVariantPrice(formSelector = ".add-to-cart-details-form") {
    $(".btn-number").attr("disabled", false);
    if (checkValidityForVariantPrice(formSelector)) {
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
            },
        });

if (currentPriceRequest) {
            currentPriceRequest.abort();
        }

currentPriceRequest = $.ajax({
            type: "POST",
            url: $("#route-cart-variant-price").data("url"),
            data: $(formSelector).serializeArray().concat([
                {
                    name: "is_first_check",
                    value: checkFirstTimeVariant ? 1 : 0
                }
            ]),
            beforeSend: function () {
                $(".btn-number").attr("disabled", true);
            },
            success: function (response) {
                if (formSelector === ".add-to-cart-sticky-form" || checkFirstTimeVariant) {
                    checkFirstTimeVariant = false;
                }
                updateProductDetailsTopSection(".add-to-cart-details-form", response);
                updateProductDetailsBottomSection(".add-to-cart-sticky-form", response);
                if (response?.discount_amount > 0) {
                    if (response?.discount_type === "flat") {
                        $(formSelector).find(".discounted_badge").html(`${response?.discount}`);
                    } else {
                        $(formSelector).find(".discounted_badge").html(`- ${response?.discount}`);
                    }
                    $(formSelector).find(".discounted-badge-element").removeClass("d-none");
                } else {
                    $(formSelector).find(".discounted-badge-element").addClass("d-none");
                }

setTimeout(() => {
                    $(".btn-number").attr("disabled", false);
                }, 1000)
            },
            complete: function () {
                setTimeout(() => {
                    $(".btn-number").attr("disabled", false);
                }, 3000)
            },
            error: function () {
                currentPriceRequest = null;
            },
        });
    }
}

$(".product-details-cart-qty").on("keypress keyup input", function (event) {
    if (parseInt($(this).val()) > $(this).attr("max")) {
        event.preventDefault();
        $(this).val($(this).attr("min") ?? 1);
        return false;
    }
});

$(".product-quantity-minus").on("click", function () {
    $(this).attr("disabled", true);
});

$(".product-quantity-plus").on("click", function () {
    $(this).attr("disabled", true);
});

function checkValidityForVariantPrice(formSelector) {
    return (
        $(formSelector).find("input[name=quantity]").val() > 0 &&
        checkAddToCartValidity(formSelector)
    );
}

let isBottomSectionUpdated = false;

function updateProductDetailsBottomSection(formSelector, response) {
    let productDetailsStickySection = $(".product-details-sticky-section");
    $(".product-bottom-section-price").text(response?.price);

$(formSelector).find(".product-details-cart-qty").val(response?.in_cart_quantity).attr("max", response?.quantity);

productDetailsStickySection.find(".discounted-unit-price").html(response?.discounted_unit_price);
    productDetailsStickySection.find(".product-total-unit-price").html(response?.discount_amount > 0 ? response?.total_unit_price : "");
    productDetailsStickySection.find(".product-details-sticky-color-name").html(response?.color_name ? `(${response?.color_name})` : "");

productDetailsStickySection.find(".product-generated-variation-code").val(response?.variation_code);
    productDetailsStickySection.find(".product-generated-variation-text").text(response?.variation_code);

if (response?.discount_amount > 0) {
        productDetailsStickySection.find(".discounted_badge").html(`- ${response?.discount}`);
        productDetailsStickySection.find(".discounted-badge-element").removeClass("d-none");
    } else {
        productDetailsStickySection.find(".discounted-badge-element").addClass("d-none");
    }
    let actionAddToCartBtn = $(formSelector).find(".product-add-to-cart-button");
     let topAddToCartBtn = $('.add-to-cart-details-form').find(".product-add-to-cart-button");
    if (response?.in_cart_status === 1) {
        $(formSelector).find('.product-exist-in-cart-list[name="key"]').val(response?.in_cart_key);
        actionAddToCartBtn.html(actionAddToCartBtn.data("update"));
        topAddToCartBtn.html(topAddToCartBtn.data("update"));
    } else {
        $(formSelector).find('.product-exist-in-cart-list[name="key"]').val(response?.in_cart_key);
        actionAddToCartBtn.html(actionAddToCartBtn.data("add"));
    }
    if (response?.product_type?.toString() === "physical") {
        let productRestockRequestButton = $(formSelector).find(
            ".product-restock-request-button"
        );
        if (response?.quantity <= 0) {
            $(formSelector).find(".product-restock-request-section").show();
            productRestockRequestButton.removeAttr("disabled");
            $(formSelector).find(".product-add-and-buy-section").hide().removeClass("d-flex");
        } else {
            $(formSelector).find(".product-restock-request-section").hide();
            $(formSelector).find(".product-add-and-buy-section").show().addClass("d-flex");
        }
        if (response?.restock_request_status) {
            productRestockRequestButton.html(
                productRestockRequestButton.data("requested")
            );
            productRestockRequestButton.attr("disabled", true);
        } else {
            productRestockRequestButton.html(
                productRestockRequestButton.data("default")
            );
        }
    }
}

function updateProductDetailsTopSection(formSelector, response) {
    $(formSelector).find(".product-details-chosen-price-section").removeClass("d-none");
    $(formSelector).find(".product-details-chosen-price-amount").html(response?.price);

$(formSelector).find(".product-details-cart-qty").attr("max", response?.quantity);

if (response?.product_type?.toString() === "physical") {
        let productRestockRequestButton = $(formSelector).find(".product-restock-request-button");
        if (response?.quantity <= 0) {
            $(formSelector).find(".product-restock-request-section").show();
            productRestockRequestButton.removeAttr("disabled");
            $(formSelector).find(".product-add-and-buy-section").hide().removeClass("d-flex");
        } else {
            $(formSelector).find(".product-restock-request-section").hide();
            $(formSelector).find(".product-add-and-buy-section").show().addClass("d-flex");
        }
        if (response?.restock_request_status) {
            productRestockRequestButton.html(productRestockRequestButton.data("requested"));
            productRestockRequestButton.attr("disabled", true);
        } else {
            productRestockRequestButton.html(productRestockRequestButton.data("default"));
        }
    }

$(formSelector).find(".product-details-cart-qty").val(response?.in_cart_quantity);
    $(formSelector).find(".product-generated-variation-code").val(response?.variation_code);
    $(formSelector).find(".product-generated-variation-text").text(response?.variation_code);

$(formSelector).find(".discounted-unit-price").html(response?.discounted_unit_price);
    $(formSelector).find(".product-total-unit-price").html(response?.discount_amount > 0 ? response?.total_unit_price : "");

let actionAddToCartBtn = $(formSelector).find(".product-add-to-cart-button");
    if (response?.in_cart_status === 1) {
        $(formSelector).find('.product-exist-in-cart-list[name="key"]').val(response?.in_cart_key);
        actionAddToCartBtn.html(actionAddToCartBtn.data("update"));
    } else {
        $(formSelector).find('.product-exist-in-cart-list[name="key"]').val(response?.in_cart_key);
        actionAddToCartBtn.html(actionAddToCartBtn.data("add"));
    }

if (
        $(formSelector).find(".product-details-cart-qty").attr("min") <
        parseFloat($(formSelector).find(".product-details-cart-qty").val())
    ) {
        setTimeout(() => {
            $(formSelector).find(".btn-number[data-type='minus'][data-field='quantity']").removeAttr("disabled");
        }, 1000);
    } else {
        $(formSelector).find(".btn-number[data-type='minus'][data-field='quantity']").attr("disabled", true);
    }
}
document.addEventListener('change', function(e){
    const t = e.target;
    if (!t.matches('input[type="radio"][name="color"], input[type="radio"][name^="choice_"]')) return;

const val = (t.value || '').toLowerCase();
    const name = t.name;
    const isSticky = t.id && t.id.startsWith('sticky-');

let selector;
    if (isSticky) {
        selector = 'input[type="radio"][name="' + name + '"]:not([id^="sticky-"])';
    } else {
        selector = 'input[id^="sticky-"][name="' + name + '"]';
    }
    let match = Array.from(document.querySelectorAll(selector)).find(i => (i.value || '').toLowerCase() === val);
    if (!match && name === "color" && !isSticky) {
        const code = val.replace('#','');
        match = document.querySelector('input[id^="sticky-"][id$="-color-' + code + '"]');
    }
    if (match) match.checked = true;
});
function checkAddToCartValidity(formSelector = ".add-to-cart-details-form") {
    var names = {};
    $(formSelector)
        .find("input:radio")
        .each(function () {
            names[$(this).attr("name")] = true;
        });
    var count = 0;
    $.each(names, function () {
        count++;
    });

if ($(formSelector).find("input:radio:checked").length == count) {
        return true;
    }
    return false;
}

$(".image-preview-before-upload").on("change", function () {
    let getElementId = $(this).data("preview");
    $(getElementId).attr("src", window.URL.createObjectURL(this.files[0]));
    $(getElementId).removeClass("d-none");
    $(getElementId)
        .closest(".custom_upload_input")
        .find(".placeholder-image")
        .css("opacity", "0");
});

$(document).on("ready", function () {
    if ($(".image-preview-before-upload").length) {
        $(".image-preview-before-upload").each(function () {
            if ($(this).data("image")) {
                let getElementId = $(this).data("preview");
                $(getElementId).attr("src", $(this).data("image"));
                $(getElementId).removeClass("d-none");
                $(getElementId)
                    .closest(".custom_upload_input")
                    .find(".placeholder-image")
                    .css("opacity", "0");
            }
        });
    }
});

$("#vendor-remember-input-checked").on("change", function () {
    if ($(this).is(":checked")) {
        $("#apply").removeAttr("disabled");
    } else {
        $("#apply").attr("disabled", "disabled");
    }
});

$("#exampleInputPassword, #exampleRepeatPassword").on("keyup", function () {
    let password = $("#exampleInputPassword").val();
    let passwordRepeat = $("#exampleRepeatPassword").val();
    if (password != "" && passwordRepeat != "") {
        if (password.toString() === passwordRepeat.toString()) {
            $(".pass").hide();
        } else {
            $(".pass").show();
        }
    } else {
        $(".pass").hide();
    }
});

$(".alert-insufficient-loyalty-point").on("click", function () {
    let message = $(this).data("insufficient-point");
    toastr.error(message);
});

$(document).on("click", ".share-on-social-media", function (e) {
    e.preventDefault();
    let social = $(this).data("social-media-name");
    let url = $(this).data("action");
    let width = 600,
        height = 400,
        left = (screen.width - width) / 2,
        top = (screen.height - height) / 2;

window.open(
        "https://" + social + encodeURIComponent(url),
        "Popup",
        "toolbar=0,status=0,width=" +
        width +
        ",height=" +
        height +
        ",left=" +
        left +
        ",top=" +
        top
    );
});

var directionFromSession = $("#direction-from-session").data("value");
directionFromSession = directionFromSession ? directionFromSession : "ltr";

const themeDirection = $("html").attr("dir");

function renderOwlCarouselSilder() {
    var sync1 = $("#sync1");
    var sync2 = $("#sync2");
    var thumbnailItemClass = ".owl-item";
    var slides = sync1
        .owlCarousel({
            startPosition: 12,
            items: 1,
            loop: false,
            margin: 0,
            mouseDrag: true,
            touchDrag: true,
            pullDrag: false,
            scrollPerPage: true,
            autoplayHoverPause: false,
            nav: false,
            dots: false,
            rtl: themeDirection && themeDirection.toString() === "rtl",
        })
        .on("changed.owl.carousel", syncPosition);

function syncPosition(el) {
        var owl_slider = $(this).data("owl.carousel");
        var loop = owl_slider.options.loop;

if (loop) {
            var count = el.item.count - 1;
            var current = Math.round(el.item.index - el.item.count / 2 - 0.5);
            if (current < 0) {
                current = count;
            }
            if (current > count) {
                current = 0;
            }
        } else {
            var current = el.item.index;
        }

var owl_thumbnail = sync2.data("owl.carousel");
        var itemClass = "." + owl_thumbnail.options.itemClass;

var thumbnailCurrentItem = sync2
            .find(itemClass)
            .removeClass("synced")
            .eq(current);
        thumbnailCurrentItem.addClass("synced");

if (!thumbnailCurrentItem.hasClass("active")) {
            var duration = 500;
            sync2.trigger("to.owl.carousel", [current, duration, true]);
        }
    }

renderOwlCarouselSilder();

function findCountryObject(data) {
    return data.find((obj) => obj.types && obj.types.includes("country"));
}

$(".close-element-onclick-by-data").on("click", function () {
    $($(this).data("selector")).slideUp("slow").fadeOut("slow");
});
$(".password-check").on("keyup keypress change click", function () {
    let password = $(this).val();
    let passwordError = $(".password-error");
    let passwordErrorMessage = $("#password-error-message");
    switch (true) {
        case password.length < 8:
            passwordError
                .html(passwordErrorMessage.data("max-character"))
                .removeClass("d-none");
            break;
        case !/[a-z]/.test(password):
            passwordError
                .html(passwordErrorMessage.data("lowercase-character"))
                .removeClass("d-none");
            break;
        case !/[A-Z]/.test(password):
            passwordError
                .html(passwordErrorMessage.data("uppercase-character"))
                .removeClass("d-none");
            break;
        case !/\d/.test(password):
            passwordError
                .html(passwordErrorMessage.data("number"))
                .removeClass("d-none");
            break;
        case !/[@.#$!%*?&]/.test(password):
            passwordError
                .html(passwordErrorMessage.data("symbol"))
                .removeClass("d-none");
            break;
        default:
            passwordError.addClass("d-none").empty();
    }
});

function setEqualHeight(slides) {
    let maxHeight = 0;

slides.forEach((slide) => {
        slide.style.height = "";
        if (slide.offsetHeight > maxHeight) {
            maxHeight = slide.offsetHeight;
        }
    });

slides.forEach((slide) => {
        slide.style.height = maxHeight + "px";
    });
}

$(".footer-slider").owlCarousel({
    margin: 10,
    items: 3,
    // responsiveClass: true,
    nav: false,
    dots: false,
    loop: false,
    autoplay: false,
    rtl: themeDirection && themeDirection.toString() === "rtl",
    autoHeight: true,
    responsive: {
        768: {
            items: $(".footer-slider")?.data('item') ?? 4,
            margin: 40,
        },
    },
});

$(".footer-top-slider").owlCarousel({
    margin: 20,
    items: 2,
    nav: false,
    dots: false,
    loop: false,
    autoplay: false,
    responsiveClass: true,
    rtl: themeDirection && themeDirection.toString() === "rtl",
    autoHeight: true,
    responsive: {
        500: {
            items: 3,
        },
        768: {
            items: 4,
        },
    },
});
// $(".footer-top-slider").each(function(){
//     let maxItems = $(this).data('slide-items');
//     $(this).owlCarousel({
//         autoplay: true,
//         margin: 20,
//         nav: true,
//         navText:
//             directionFromSession === "rtl"
//                 ? [
//                     "<i class='czi-arrow-right'></i>",
//                     "<i class='czi-arrow-left'></i>",
//                 ]
//                 : [
//                     "<i class='czi-arrow-left'></i>",
//                     "<i class='czi-arrow-right'></i>",
//                 ],
//         dots: false,
//         autoplayHoverPause: true,
//         rtl: directionFromSession === "rtl",

//         responsive: {
//             500: {
//                 items: 3,
//                 loop: maxItems > 3
//             },
//             768: {
//                 items: 4,
//                 loop: maxItems > 4
//             },
//         },
//     });
// })

function sameHeight() {
    setEqualHeight(
        document.querySelectorAll(
            ".footer-slider-container .footer-slider .owl-item"
        )
    );
    setEqualHeight(document.querySelectorAll(".footer-top-slider .owl-item"));
}

sameHeight();

$(window).on("resize", sameHeight);

$(".promotional-banner-slider").owlCarousel({
    margin: 20,
    items: 1,
    nav: true,
    dots: false,
    loop: true,
    rtl: themeDirection && themeDirection.toString() === "rtl",
    responsive: {
        768: {
            items: 2,
            nav: true,
            dots: false,
            loop: true,
        },
    },
});

function playAudio() {
    document.getElementById("myAudio").play();
}

$(window).on("load", function () {
    $(".upload-file__input").on("change", function () {
        if (this.files && this.files[0]) {
            let reader = new FileReader();
            let img = $(this)
                .siblings(".upload-file__img")
                .find("img")
                .removeAttr("hidden");
            $(this)
                .siblings(".upload-file__img")
                .find(".temp-img-box")
                .remove();

reader.onload = function (e) {
                img.attr("src", e.target.result);
            };

reader.readAsDataURL(this.files[0]);
        }
    });
});

function downloadFileUsingFileUrl(url) {
    fetch(url)
        .then((response) => response.blob())
        .then((blob) => {
            const filename = url.substring(url.lastIndexOf("/") + 1);
            const blobUrl = window.URL.createObjectURL(new Blob([blob]));
            const link = document.createElement("a");
            link.href = blobUrl;
            link.setAttribute("download", filename);
            document.body.appendChild(link);
            link.click();
            link.parentNode.removeChild(link);
        })
        .catch((error) => console.error("Error downloading file:", error));
}

$(".getDownloadFileUsingFileUrl").on("click", function () {
    let getLink = $(this).data("file-path");
    downloadFileUsingFileUrl(getLink);
});
$(".sidebar-overlay").on("click", function () {
    $(".cz-sidebar").removeClass("show active");
});

$(".get-session-recaptcha-auto-fill").each(function () {
    getSessionRecaptchaCode($(this).data("session"), $(this).data("input"));
});

$(".get-session-recaptcha-auto-fill").on("click", function () {
    getSessionRecaptchaCode($(this).data("session"), $(this).data("input"));
});

$(".otp-login-btn").on("click", function () {
    $(this).addClass("d-none");
    $(".manual-login-btn").removeClass("d-none");
    $(".manual-login-items").addClass("d-none");
    $(".otp-login-items").removeClass("d-none");
    $(".phone-input-with-country-picker").attr("required", true);
    $(".auth-email-input").attr("required", false);
    $(".auth-password-input").attr("required", false);
    $(".auth-login-type-input").val("otp-login");
});

$(".manual-login-btn").on("click", function () {
    $(this).addClass("d-none");
    $(".otp-login-btn").removeClass("d-none");
    $(".otp-login-items").addClass("d-none");
    $(".manual-login-items").removeClass("d-none");
    $(".phone-input-with-country-picker").attr("required", false);
    $(".auth-email-input").attr("required", true);
    $(".auth-password-input").attr("required", true);
    $(".auth-login-type-input").val("manual-login");
});

$(".customer-centralize-login-form").on("submit", async function (event) {
    event.preventDefault();

if (response.errors) {
        for (let index = 0; index < response.errors.length; index++) {
            toastr.error(response.errors[index].message, {
                CloseButton: true,
                ProgressBar: true,
            });
        }
    } else if (response.error) {
        toastr.error(response.error, {
            CloseButton: true,
            ProgressBar: true,
        });
    }

if (response?.reload && !response?.redirectRoute && !response?.redirect_url) {
        location.reload();
    }
}

$(".clean-phone-input-value").on("input", function () {
    $(this).val($(this).val().replace(/\s/g, ""));
});

function productRestockStockLimitStatus(response) {
    let mainElement = $(".product-restock-stock-alert");
    mainElement.find(".title").html(response?.title);
    mainElement.find(".image").attr("width", 50).attr("src", response?.image);
    mainElement.find(".message").html(response?.body);
    mainElement.find(".product-link").removeAttr("data-link");
    mainElement.find(".product-link").attr("data-link", response?.route);
    mainElement.addClass("active");
    setTimeout(() => {
        mainElement.removeClass("active");
    }, 100000);
}

$(".product-restock-stock-close").on("click", function () {
    $(".product-restock-stock-alert").removeClass("active");
});

$('.only-integer-input-field').on("keypress keyup change", function (event) {
    let inputValue = $(this).val();
    if (event.type === "keypress" && (event.which < 48 || event.which > 57) && event.which !== 46) {
        event.preventDefault();
    }
    if ((inputValue.match(/\./g) || []).length > 1) {
        $(this).val(inputValue.slice(0, inputValue.lastIndexOf('.')));
    }
    $(this).val(inputValue.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1'));
});

$('.form-loading-button-form').on('submit', function () {
    $(this).find('[type="submit"]').addClass('active-loading').attr('disabled', true);
    $(this).find('.form-cancel-button').attr('disabled', true);
});

//  ---- tooltip control fr chatting
function isElementVisibleInContainer($el, $container) {
    const el = $el[0];
    const container = $container[0];

const elRect = el.getBoundingClientRect();
    const containerRect = container.getBoundingClientRect();

return (
        elRect.top >= containerRect.top &&
        elRect.bottom <= containerRect.bottom
    );
}

function updateTooltipsBasedOnVisibility() {
    try {
        const $container = $('#chatting-messages-section');
        $container.find('[data-toggle="tooltip"]').each(function () {
            const $el = $(this);
            const isVisible = isElementVisibleInContainer($el, $container);

const tooltipInstance = bootstrap.Tooltip.getInstance(this);

if (isVisible) {
                if (!tooltipInstance) {
                    new bootstrap.Tooltip(this);
                }
            } else {
                if (tooltipInstance) {
                    tooltipInstance.dispose();
                }
            }
        });
    } catch (e) {
    }
}

$(document).ready(function () {
    updateTooltipsBasedOnVisibility();

$('#chatting-messages-section').on('scroll', function () {
        updateTooltipsBasedOnVisibility();
    });

// ---- swipper slider and zoom
    function initSliderWithZoom() {
        $(".easyzoom").each(function () {
            $(this).easyZoom();
        });

new Swiper(".quickviewSlider2", {
            slidesPerView: 1,
            spaceBetween: 10,
            loop: false,
            thumbs: {
                swiper: new Swiper(".quickviewSliderThumb2", {
                    spaceBetween: 10,
                    slidesPerView: 'auto',
                    watchSlidesProgress: true,
                    navigation: {
                        nextEl: ".swiper-quickview-button-next",
                        prevEl: ".swiper-quickview-button-prev",
                    },
                }),
            },
        });
    }
    initSliderWithZoom();
});

관리-도구

편집 파일: custom.js

🔐 System Login