var rtl = ($('html').attr('dir') === 'rtl');

$('.toggle-search').click(function () {
    $('.wrap-width-search').toggleClass('active');
    $('#search-block').toggleClass('active');
});

$('#side-menu').offcanvas({
    modifiers: rtl ? 'right' : 'left' + ', overlay',
    triggerButton: '#show-sideMenu',
    closeButtonClass: "menu-close-side",
});

$('#side-cart').offcanvas({
    modifiers: rtl ? 'left' : 'right' + ', overlay',
    triggerButton: '#show-side-cart',
    closeButtonClass: "cart-close-side"
});

$(document).on('click', '.quick-view', function () {
    var $this = $(this),
        id = $this.data('id'),
        target = $('#__loading'),
        html = '',
        text = $this.html(),
        modal = $('.quick-view-modal');
		
    $this.html('<i class="loading-icon fa-spin"></i>').prop('disabled', true);

    zid.store.product.fetch(id).then(function (response) {
        var product = response.data.product,
            images = '',
            rating = '',
            discount = '',
            rating_total_count = '';

		var selected_product = product ?? product.selected_product;
		var product_media = selected_product.media ?? selected_product.images;
        $.each(product_media, function (key, item) {
            if (!item['alt_text'] || item['alt_text'].toUpperCase() !== 'COLOR') {
				var isVideo = (item['link'] && item['provider'] == 'youtube') ? 'product-video' : '';
					images += `<li class="${isVideo}"><a href="${isVideo ? '#!' : product.html_url}"><div class="mediabox"><img class="mediabox-img lazyload"`;
				if (item['image']['large']) {
					images += ' data-srcset="'+item['image']['large']+'" alt="'+ item['alt_text'] +'" ';
					images += ' data-lowsrc="'+item['image']['thumbnail']+'" alt="'+ item['alt_text'] +'" ';
				} else {
					images += ' data-srcset="'+ window.asset_url +'no-image.jpeg" ';					
				}
					images += '/></div></a>';
				if (isVideo) {
					images += `<button class="play-btn" data-video="${item['link'] ?? ''}" >
							<i class="fas fa-play"></i>
						</button>`;
				}
					images += '</li>';
			}
		});

        if (product.rating) {
            rating += `<span class="block-p-rating">`;
			let rating_average = product.rating ? product.rating.average : 0;
			let ratingAvg = Math.round(parseFloat(rating_average));
            for (var i = 1; i <= 5; i++) {
				rating += `<span><i class="svg-icon star-icon ${ratingAvg >= i ? 'active' : ''}"></i></span>`;
			}
             rating += `</span>`;
            rating_total_count += window.translations.product_reviews_x_count_start + ' ' + product.rating.total_count + ' ' + window.translations.product_reviews_x_count;
        } else {
            rating += '<span class="block-p-rating">';
            for (var i = 1; i <= 5; i++) {
                rating += '<span><i class="svg-icon star-icon"></i></span>';
            }
            rating += '</span>';

            rating_total_count += window.translations.no_product_reviews;
        }

        if (response.status === "success") {
            html += `<div class="modal fade quick-view-modal" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-lg">
                        <div class="modal-content">
                            <div class="modal-body"><div class="close-modal text-left">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="svg-icon icon-close"></i></button>
                            </div>
                                <div class="block-quick-view">
                                    <div class="row m-0">
                                        <div class="col-md-6 gallery-img">
                                            <div class="thumb-gallery">`
            if (product.sale_price) {
                discount = ((product.price - product.sale_price) / product.price) * 100;
                html += `<span class="discount-box">${window.translations.product_discount} ${Math.round(discount)}%</span>`
            }
			
            if (product.badge) {
			 var productBadge = Object.values(product.badge.body);
			 badgeText = productBadge[0] ?? '';
             html += `<div class="discount-box label-block">
					<span class="sale-label">${badgeText}</span>
				</div>`;
			}
			
			if (window.hasWishlist) {
				html += `<div class="product-wishlist" data-id="${product.id}" >`;
				var wishlistNotLogin = $('[zid-visible-customer="true"]').get(0);
				if (wishlistNotLogin && !$(wishlistNotLogin).is(":visible")) {
					html += `<div class="wishlist wishlist-buttons" >
								<div class="wishlist-icon-wrapper add-to-wishlist guest-wishlist" >
									<i class="svg-icon wishlist-icon"></i>
								</div>
							</div>`;
				} else {
					html += `<div class="wishlist wishlist-buttons" >
								<div class="wishlist-icon-wrapper add-to-wishlist" >
									<i class="svg-icon wishlist-icon"></i>
								</div>
								<div class="wishlist-icon-wrapper remove-from-wishlist d-none" >
									<i class="svg-icon wishlist-icon active"></i>
								</div>
								<i class="wishlist-loading loading-icon fa-spin d-none"></i>					
							</div>`;
				}
				html += `</div>`;
			}
			
            html += `<div class="product-images-block">
                                                    <ul id="qv_product_images" >${images}</ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mt-4 text-center d-flex flex-column align-items-center">
                                            <h1 class="title-p-q">${product.name}</h1> ${rating}
                                            
                                            <span class="q-number-rate text-center">${rating_total_count} </span>`;
			if (product.short_description && product.short_description !== 'null' && product.short_description !== null) {
				html += `<div class="block-description mt-3 mb-3 justify-content-center">
						<span>${product.short_description}</span>
				</div>`;
			}
              html += `<div class="block-price-w d-flex flex-row flex-grow-1 mt-3 mb-3">
                                                <div class="price">`;
            if (product.formatted_sale_price) {
                html += `<span class="price-discount">
													<del class="old">${product.formatted_price}</del>
													<span class="price">${product.formatted_sale_price}</span>
													</span>`;
            } else {
                html += `<span class="product-price">
													<span class="price">${product.formatted_price}</span>
													</span>`;
            }
            html += `</div>
                                            </div>
                                            <div class="block-add-to-c">`
			if ((product.has_options) || (product.has_fields)) {
	              html += `                                  <a href="${product.html_url}" ><button class="btn btn-primary btn-block btn-add-cart">
                                                    ${window.translations.product_has_options}
                                                </button></a>`										
			} else {
              html += `
                        <div class="block-p-qty">
                            <button class="button-plus btn-number" type="button" data-type="plus"
                                    data-field="quantity"><i class="svg-icon plus-icon"></i></button>
								<input type="text" id="qv-product-quantity" name="quantity" min="1" max="${product.quantity ?? 99999}" class="input-number" placeholder="" value="1">
                            <button class="button-minus btn-number" data-type="minus" data-field="quantity" type="button"><i class="svg-icon minus-icon"></i></button>
                        </div>
						<button onclick="return addToQCart(this,'${product.id}')" class="btn btn-primary btn-block btn-add-cart">
                             ${window.translations.add_to_cart}
                         </button>`
			}
            html += `                                </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>`;

            target.html(html).promise().done(function () {
                $('.quick-view-modal').modal('show');
                $('.quick-view-modal').on('shown.bs.modal', function (event) {
				$('#qv_product_images').slick({
					rtl: !(window.appDirection === 'ltr'),
					slidesToShow:1,
					arrows: false,
					dots: true,
					infinite: true,
					adaptiveHeight: true,
					autoplaySpeed: 5000,
					autoplay: false,
					rtl:(window.appDirection==='rtl') ? true : false,
				});					
                });
                $('.quick-view-modal').on('hide.bs.modal', function (event) {
                    $('#__loading').html('');
                });
				if (window.hasWishlist) {
					fetchWishlist();
				}
            });
			
			$('#qv_product_images').on('afterChange', function(event, slick, currentSlide) {
				var qvSlider = $('.quick-view-modal li.product-video');
				if (qvSlider.hasClass('video-play')) {
					qvSlider.find('iframe').remove();
					qvSlider.find('.play-btn').show();
					qvSlider.removeClass('video-play');
				}
			});
			
            $this.html(text).prop('disabled', false);
        } else {
            alert('Error load product');
        }

    });
});

function createCartProduct(product) {
    let html_item = '';
    html_item += `<li id="product_${product.id}">
                <div class="cart-product row justify-content-center m-auto">
				<button class="remove" onclick="removeItem('${product.id}', '${product.product_id}')" type="button">
					<i class="svg-icon icon-remove"></i>
				</button>
                     <div class="col-5 col-lg-4 p-0 product-cartimg">
                        <a href="${product.url}">`;

    if (product.images) {
        html_item += `<img src="${product.images[0]['thumbs']['large']}" alt="${product.images[0].alt_text}">`;
    }
    html_item += `        </a>
                    </div>
                    <div class="col-7 p-0 product-info">
                        <h4 class="title-m">${product.name}</h4>
                        <div class="d-flex justify-content-between">
                            <div class="price">`;
    var new_price = Number(product.total).toFixed(2) + ' ' + window.cart_currency ;
    if (product.total_before) {
        var old_price = Number(product.total_before).toFixed(2) + ' ' + window.cart_currency; 
        html_item += `<span class="price-discount">
                    <del class="old">${old_price}</del>
                    <span class="price">${new_price}</span>
					</span>`;
    } else {
        html_item += `<span class="product-price">
							<span class="price">${new_price}</span>
							</span>`;
    }

    html_item += `</div>
                        </div>
						
		  <div class="block-p-qty" >
            <button class="button-plus btn-number" type="button" data-type="plus" data-field="quantity_${product.id}" >
            <i class="svg-icon plus-icon"></i>
            </button>
            <input type="text" id="product-quantity" name="quantity_${product.id}" min="1" max="${product.original_product_quantity ?? 99999}" class="input-number" value="${product.quantity}" onchange="updateMiniCartProduct('${product.id}', $(this).val(), '${product.product_id}')" readonly>
            <button class="button-minus btn-number" data-type="minus" data-field="quantity_${product.id}" type="button" >
            <i class="svg-icon minus-icon"></i>
            </button>
         </div>					
                    </div>
                </div>
            </li>`;
			
                    `</div>
                </div>
            </li>`;
    return html_item;
}

function fetchCart() {
		
    $('#additional-cart').html('');
    $('.side-cart-items').removeClass('d-none');
    var empty_text = window.translations.empty_cart;
    zid.store.cart.fetch().then(function (response) {
        if (response.status === "success") {
            var cart = response.data.cart,
                html_item = '',
                total_html = '';

			let total = 0;
			let total_string = '0.00 ' + cart_currency;
			var cart_error = false;
			var count_products = 0;
			var products_total = 0;
			var total_discount = 0;
	
			displayActivePaymentSessionBar(cart);
			
            if (cart.products_count > 0) {
                cart.products.map(function (product) {

                    if (product.bundle_name) {
						
						product.product_x.forEach((product) => {
							count_products = (count_products + product.quantity);
							
							product_beforeSale = product.total_before ?? product.total;
							products_total = Number(products_total) +  Number(product_beforeSale);

							if (product.total_before) {
								calc_discount = (product.total_before - product.total);	
								if (calc_discount > 0) {
									total_discount =  Number(total_discount) +  Number(calc_discount);
								}
							}
				
							html_item += createCartProduct(product);
							if(product.error_message) {
								cart_error = true;
							}
							
						})
						
						product.product_y.forEach((product) => {
							count_products = (count_products + product.quantity);
							
							product_beforeSale = product.total_before ?? product.total;
							products_total = Number(products_total) +  Number(product_beforeSale);

							if (product.total_before) {
								calc_discount = (product.total_before - product.total);	
								if (calc_discount > 0) {
									total_discount =  Number(total_discount) +  Number(calc_discount);
								}
							}

							html_item += createCartProduct(product);
							if(product.error_message) {
								cart_error = true;
							}
							
						})
												
					} else {
						
							count_products = (count_products + product.quantity);
							product_beforeSale = product.total_before ?? product.total;
							products_total = Number(products_total) +  Number(product_beforeSale);

							if (product.total_before) {
								calc_discount = (product.total_before - product.total);	
								if (calc_discount > 0) {
									total_discount =  Number(total_discount) +  Number(calc_discount);
								}
							}
					
							html_item += createCartProduct(product);
							if(product.error_message) {
								cart_error = true;
							}
							
					}
					
                });
				
                var cartTotal;
				
                if (cart.totals) {
					cart.totals.forEach(CartTotals => {
						if (CartTotals.code === 'total') {
						cartTotal = CartTotals.value;
						total_string = Number(CartTotals.value).toFixed(2);
						total_string = total_string  + ' '  + cart_currency;
						}
						if (CartTotals.code === 'sub_totals' || CartTotals.code === 'sub_totals_before_vat') {
							sub_totals = Number(CartTotals.value).toFixed(2)  + ' ' + cart_currency;
						}
					})
                }				
				
				$('#cart-side-totals > #sub_totals .number').html(Number(products_total).toFixed(2) +' '+ cart_currency);
				$('#cart-side-totals > #discount_value .number').html(Number(total_discount).toFixed(2) +' '+ cart_currency);       
				$('#cart-side-totals > #total .number').html(total_string);
				
                $('.side-cart-items').html(html_item).fadeTo("slow", 1).css('pointer-events', '');
                $('.side-cart-products, .footer-side-cart').removeClass('d-none');
				
            } else {
                $('#additional-cart').html('<p>' + empty_text + '</p>');
                $('.side-cart-items').html('');
				$('.cart-count').html(0);
                $('.side-cart-products, .footer-side-cart').addClass('d-none');
				if (cart.gift_card_details) {
					zid.store.cart.removeGiftCard();
				}
            }
			
            $('.cart-count').html(count_products);

			if (cart_error == true) {
				$('.footer-side-cart .cart-page').prop('href', '/cart/view');	
			}
				
            // shipping
            $('#side-cart .cart-shipping-notice').addClass('d-none');
			
            if (cart.discount_rules && cartTotal) {
                cart.discount_rules.forEach(rule => {
                    if (rule.code === 'free_shipping') {
						$('#side-cart .cart-shipping-notice').removeClass('d-none');
                        rule.conditions.forEach(condition => {
                            if (condition.field === "subtotal" && condition.operator === "between_inclusive") {
                                createCartFreeShippingSection(cartTotal, condition, cart.coupon);
                            }
                        })
                    }
                })
            } else {
                $('#side-cart .cart-shipping-notice').addClass('d-none')
            }

            //coupon
            var $couponBtn = $('.apply_coupon');
            var $couponCode = $('.coupon-code');

            if (cart.coupon) {
				var coupon_value = Number(cart.coupon.discount_amount).toFixed(2);

                $couponBtn.text(window.translations.remove_coupon);
                $couponCode.val(cart.coupon.code);
                $couponCode.attr('disabled', true);

                $couponBtn.addClass('remove-coupon');

				if (window.vat_percentage) {
					coupon_value = Number(coupon_value) + (Number(coupon_value) * Number(window.vat_percentage));
				}
				
				total_discount = Number(total_discount) + Number(coupon_value);
				total_discount = total_discount.toFixed(2) + ' ' + cart_currency
			
				if (cart.coupon.free_shipping) {
					total_discount = total_discount + ' + ' + window.translations.coupon_free_shipping
				}
		
				$('#cart-side-totals > #discount_value .number').html(total_discount);
		
                $couponBtn.off().on('click', () => {
                    $couponCode.val('');
                    removeCoupon()
                });
            } else {
				
				$('#cart-side-totals > #discount_value .number').html(Number(total_discount).toFixed(2) + ' ' + cart_currency);	
 
                $couponBtn.removeClass('remove-coupon');

                $couponCode.attr('disabled', false);
                $couponBtn.text(window.translations.add_coupon);
                $couponBtn.off().on('click', (e) => {
                    addCoupon($couponCode.val(), e)
                });
            }

		if (total_discount == 0 && !cart.coupon) {
			$('#cart-side-totals > #discount_value').addClass('d-none');
		} else {
			$('#cart-side-totals > #discount_value').removeClass('d-none');			
		}
		
		if (cart.gift_card_details) {
			$('#is_gift_checkbox').prop('checked', true);
		} else {
			$('#is_gift_checkbox').prop('checked', false);			
		}
			
        } else {
            alert('Error Cart');
        }

    });
}

function createCartFreeShippingSection(cartTotal, condition, cartCoupon){
    let free_shipping_text = window.translations.free_shipping_description;

    let completedPercentage = 100;
    let $free_shipping_rules = $('#side-cart .shipping-alert');
    $free_shipping_rules.empty();

	if (cartCoupon && cartCoupon.free_shipping == true) {
		coupon_free_shipping = true; 
	} else {
		coupon_free_shipping = false; 
	}
	var free_shipping_min = condition.value[0];
    if (cartTotal < free_shipping_min && coupon_free_shipping == false) {
        let difference = (free_shipping_min - cartTotal).toFixed(2)  + ' ' + window.cart_currency;
        completedPercentage = Math.round((cartTotal / free_shipping_min) * 100);
        let shipping_text_replaced = free_shipping_text.replace("{X}", `<span class="cr fwm">${difference}</span>`);
        $free_shipping_rules.append('<span>' + shipping_text_replaced + '</span>');
    } else {
        $free_shipping_rules.append('<span class="free-shipping">' + window.translations.free_shipping + '</span>');
    }

    $('#side-cart #cart-shipping').removeClass('d-none');
    $('#side-cart .minimog-progress-bar').css('width', completedPercentage + '%');
    $('#side-cart .cart-shipping-notice').removeClass('d-none');
	
	if (condition.value[1] && cartTotal > condition.value[1]){
		$('#side-cart #cart-shipping').addClass('d-none');
	}
}

function addCoupon(coupon_code) {
    var $couponBtn = $('.apply_coupon');

    if (coupon_code.trim().length !== 0) {

        var $actions = $('.footer-side-cart');
        $actions.fadeTo('slow', 0.3);
        $couponBtn.html('<i class="loading-icon fa-spin"></i>');

        zid.store.cart.redeemCoupon(coupon_code).then((response) => {
            $actions.fadeTo('slow', 1);

            if (response.status === 'success') {
                toastr.success(window.translations.coupon_added, null)
                fetchCart();
            } else {
                toastr.error(response?.data?.message ?? window.translations.sorry);
                $couponBtn.html(window.translations.add_coupon);
            }

        })

    } else {
        toastr.error(window.translations.coupon_discount_enter);
    }
}

function removeCoupon() {

    var $actions = $('.footer-side-cart');
    $actions.fadeTo('slow', 0.3);

    var $couponBtn = $('.apply_coupon');
    $couponBtn.html('<i class="loading-icon fa-spin"></i>');

    zid.store.cart.removeCoupon().then((response) => {
        $actions.fadeTo('slow', 1);

        if (response.status === 'success') {
            toastr.success(window.translations.coupon_remove, null)
            fetchCart();
        } else {
            toastr.error(response?.data?.message ?? window.translations.sorry);
            $couponBtn.html(window.translations.remove_coupon);
        }

    })
}

function removeItem(cart_product_id, product_id) {
    $('.side-cart-items li#product_' + cart_product_id + ' .remove').html('<i class="loading-icon fa-spin cart-spinner"></i>');
    zid.store.cart.removeProduct(cart_product_id, product_id).then(function (response) {
        if (response.status === 'success') {
            fetchCart();
        }
    });
}

$('#show-side-cart').click(function (e) {
    fetchCart();
});

$('#show-search').click(function (e) {
    $('.header-search-form').slideToggle();
});

$('#show-lang').click(function (e) {
    $('#langCurrecyModal').modal('toggle');
});

$(".is-gift-label #is_gift_checkbox").change(function() {
    if(this.checked) {
		$('.footer-side-cart a.cart-page').html('<i class="loading-icon fa-spin"></i>');
		if (!$('body').hasClass("cart-view")) {
			window.location.href = "/cart/view#gift";
		} else {
			$(".gift-card > button").trigger("click");
		}
    }
});

$(document).delegate('.btn-number', 'click', function (e) {
    e.preventDefault();
    var fieldName = $(this).attr('data-field'),
        type = $(this).attr('data-type'),
        input = $(this).parent().find("input[name='" + fieldName + "']"),
        currentVal = parseInt(input.val());
    if (!isNaN(currentVal)) {
        if (type == 'minus') {

            if (currentVal > input.attr('min')) {
                input.val(currentVal - 1).change();
            }
            if (parseInt(input.val()) == input.attr('min')) {
                $(this).attr('disabled', true);
            }

        } else if (type == 'plus') {

            if (currentVal < input.attr('max')) {
                input.val(currentVal + 1).change();
            }
            if (parseInt(input.val()) == input.attr('max')) {
                $(this).attr('disabled', true);
            }

        }
    } else {
        input.val(0);
    }
});
$(document).delegate('.input-number', 'focusin', function (e) {
    $(this).data('oldValue', $(this).val());
});
$(document).delegate('.input-number', 'change', function (e) {
    var minValue = parseInt($(this).attr('min')),
        maxValue = parseInt($(this).attr('max')),
        valueCurrent = parseInt($(this).val());

    var name = $(this).attr('name');
    if (valueCurrent >= minValue) {
        $(this).parent().find(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled')
    } else {
        alert('Sorry, the minimum value was reached');
        $(this).val($(this).data('oldValue'));
    }
    if (valueCurrent <= maxValue) {
        $(this).parent().find(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled')
    } else {
        alert('Sorry, the maximum value was reached');
        $(this).val($(this).data('oldValue'));
    }
});
$(document).delegate('input-number', 'keydown', function (e) {
    // Allow: backspace, delete, tab, escape, enter and .
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
        // Allow: Ctrl+A
        (e.keyCode == 65 && e.ctrlKey === true) ||
        // Allow: home, end, left, right
        (e.keyCode >= 35 && e.keyCode <= 39)) {
        // let it happen, don't do anything
        return;
    }
    // Ensure that it is a number and stop the keypress
    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
        e.preventDefault();
    }
});

function addToQCart(ele, id) {
    var qty = $(ele).parent().find('.block-p-qty input').val() ?? 1,
    text = $(ele).html();
    $(ele).html('<i class="loading-icon fa-spin"></i>');
    addToCart(id, qty, function (response) {
		if(response.status == 'success') {
			var countCartProducts = response.data.cart.products_count;
			if (window.minAutoCartOpen && countCartProducts >= window.minAutoCartOpen) {
				$('#show-side-cart').click();
			} else {
				fetchCart();
				toastr.success(window.translations.cart_added_success);
			}
			$('.quick-view-modal.show').modal('hide');
		} else {
			toastr.error('<span class="outstock">'+response.data.message+'</span>');
		}
        $(ele).html(text);
    });
}

function removeSideMenu() {
    $('.menu-close-side').trigger('click');
}

$('.header').stickybits({
    useStickyClasses: true,
    customVerticalPosition: true
});

function copyLink(url, element) {
    var $this = $(element),
        text = $this.html();
    navigator.clipboard.writeText(url);
    $this.html('<i class="fas fa-check"></i>').prop('disabled', true);
    setTimeout(function () {
        $this.html(text).prop('disabled', false);
    }, 3000);

}
function copyCode(Element, code) {
	$(Element).find("span").addClass('d-none');
	$(Element).find("i").removeClass('d-none');
		setTimeout(function(){					
			$(Element).find("i").addClass('d-none');
			$(Element).find("span").removeClass('d-none');						
			navigator.clipboard.writeText(code);
			var $temp = $("<input>");
			$("body").append($temp);
			$temp.val(code).select();
			document.execCommand("copy");
			$temp.remove();	
			toastr.success(window.translations.save);
	},500); 
}

fetchCart();
document.addEventListener("DOMContentLoaded", function() {
	if (window.hasWishlist) {
		fetchWishlist();
	}
});

$(document).on('click', '.add-to-wishlist', function(event) {
    event.stopPropagation();
    event.preventDefault();
	var wishlistBtn = $(this).parent();
	var productID = $(this).parents('.product-wishlist').attr('data-id') ?? null;
	if (!productID || $(this).hasClass('guest-wishlist')) {
		var loginLink = '<a href="/auth/login?redirect_to='+window.location.pathname+'" class="login-link"><i class="icon-login"></i><span>'
		+window.translations.login+'</span></a>';
		var loginText = window.translations.wishlist_notlogin, loginText = loginText.replace("{X}", loginLink);
		toastr.error(`<div class="wishlist-login">${loginText}</div>`);
		return false;
	}
	$(wishlistBtn).find('.wishlist-loading').removeClass('d-none').addClass('d-flex');
	$(wishlistBtn).find('.wishlist-icon-wrapper').addClass('d-none').removeClass('d-flex');
	zid.store.customer.addToWishlist(productID).then((response) => {
		if (response.status === "success") {
			toastr.success(response.data.message);
			toggleWishlistState(productID, true);
			$('.wishlist-count').html(response.data.wishlist.total).removeClass('d-none');
		} else {
			toastr.error(response.data.message);
		}
		$(wishlistBtn).find('.wishlist-loading').removeClass('d-flex').addClass('d-none');
		});
});		
		
$(document).on('click', '.remove-from-wishlist', function(event) {
    event.stopPropagation();
    event.preventDefault();
	var wishlistBtn = $(this).parent();
	var productID = $(this).parents('.product-wishlist').attr('data-id') ?? null;
	if (!productID) {
		var loginLink = '<a href="/auth/login?redirect_to='+window.location.pathname+'" class="login-link"><i class="icon-login"></i><span>'
		+window.translations.login+'</span></a>';
		var loginText = window.translations.wishlist_notlogin, loginText = loginText.replace("{X}", loginLink);
		toastr.error(`<div class="wishlist-login">${loginText}</div>`);
		return false;
	}
	$(wishlistBtn).find('.wishlist-loading').removeClass('d-none').addClass('d-flex');
	$(wishlistBtn).find('.wishlist-icon-wrapper').addClass('d-none').removeClass('d-flex');
	zid.store.customer.removeFromWishlist(productID).then((response) => {
		if (response.status === "success") {
			toastr.success(response.data.message);
			toggleWishlistState(productID, false);
			$('.wishlist-count').html(response.data.wishlist.total).removeClass('d-none');
			if(response.data.wishlist.total == 0) {
				$('.wishlist-count').html(0).addClass('d-none');
			}
		} else {
			toastr.error(response.data.message);
		}
			$(wishlistBtn).find('.wishlist-loading').removeClass('d-flex').addClass('d-none');
		});
});

zid.store.loyalty.getRedemptionMethods().then(function (response) {
	if(response.status == 'success'){ 
		$('.footer-side-cart .cart-page').prop('href', '/cart/view');	
	}
});

$(document).on('click', '.footer-side-cart a.cart-page', function () {
    $('.footer-side-cart a.cart-page').html('<i class="loading-icon fa-spin"></i>');
});

$(document).on('click', '.btn-checkout', function () {
	if ($(this).attr('href') !== '#!') {
		$('.btn-checkout').html('<i class="loading-icon fa-spin"></i>');
	}
});

$("video[autoplay]").each(function () {
    this.play();
});

/*
window.onscroll = function(){CheckIfTop()};

function CheckIfTop(){
	if(window.scrollY==0){
		$('.top-banner-slider').slick('refresh');
	}
}
*/

$(document).mouseup(function(e) {
    var toastContainer = $("#toast-container");
    if (!toastContainer.is(e.target) && toastContainer.has(e.target).length === 0) { 
		$('button.toast-close-button').click();
    }
});

$(window).bind("pageshow", function(event) {
    if ($('.footer-side-cart a.cart-page > .loading-icon').length) {
		$('.footer-side-cart a.cart-page').html(`<span>${window.translations.mini_cart_btn}</span><i class="svg-icon checkout-icon"></i>`);
	}
    if ($('.sticky-cart .btn-checkout > .loading-icon').length) {
		$('.sticky-cart .btn-checkout').html(`<span>${window.translations.mini_cart_btn}</span><i class="svg-icon checkout-icon"></i>`);
	}
});

$(document).on('click', '.list-side-menu .has-submenu', function () {
    $('.list-side-menu .collapse.show').collapse('hide');
});

$(document).on('click', '.quick-cart', function () {
	let product_id = $(this).attr('data-id');
	var $this = $(this);
	var text = $this.html();
	$this.html('<i class="loading-icon fa-spin"></i>').prop('disabled', true);
	addToCart(product_id, 1, function (response) {
		if(response.status == 'success') {
			var countCartProducts = response.data.cart.products_count;
			if (window.minAutoCartOpen && countCartProducts >= window.minAutoCartOpen) {
				$('#show-side-cart').click();
			} else {
				fetchCart();
				toastr.success(window.translations.cart_added_success);
			}
		} else {
			toastr.error('<span class="outstock">'+response.data.message+'</span>');
		}
		$this.html(text).prop('disabled', false);
	});
})

$(document).on('click', '.slider-home .btn-primary', function () {
	if($(this).closest('a').attr("href") !== '#!') {
		var BtnWidth = $(this).width();
		var BtnHeight = $(this).height();
		$(this).children('span').hide();
		$(this).width(BtnWidth).height(BtnHeight);
		if($(this).find('.loading-icon').length == 0) {
			$(this).append('<i class="loading-icon fa-spin"></i>');
		}
	}
})

function updateMiniCartProduct(cart_product_id, quantity, product_id) {
        $('.side-cart-items').fadeTo('slow', 0.3).css('pointer-events', 'none');
        zid.store.cart.updateProduct(cart_product_id, quantity, product_id).then(function (response) {
            if (response.status === 'success') {
                fetchCart();
            } else {
                toastr.error('<div class="cart-error">'+response.data.message+'</div>');
				fetchCart();
            }
        })
}

function MenuCategoriesLink() {
	var menu_categories = [];
	$.ajax({
        url: "/api/v1/categories",
        type: 'GET',
        dataType: 'json',
        success: function(categories) {
             categoriesList = categories.data.categories; 
				$(categoriesList).each((index, category) => {
					menu_categories[category.id] = {};
                    menu_categories[category.id]["name"] = category.name;
					menu_categories[category.id]["image"] = category.image;
					if (category.sub_categories.length > 0) {
						menu_categories[category.id]["sub"] = category.sub_categories;
						$(category.sub_categories).each((sub_index, sub_category) => {
							menu_categories[sub_category.id] = {};
							menu_categories[sub_category.id]["name"] = sub_category.name;
							menu_categories[sub_category.id]["image"] = sub_category.image;
						});
					}
				});
				if (menu_categories.length > 0) {
				  if($('.side-menu-content .list-side-menu').hasClass('custom-categories')) {
					if($('.side-menu-content .list-side-menu').hasClass('show-categories-image')) {
						var showImagesIcons = true;
					}
					$('.list-side-menu .category-link').each(function(){
						var categoryId = $(this).attr('id').split('cat_')[1];
						if (menu_categories[categoryId]) {
							$('.menu-link.category-link#cat_'+ categoryId +' .main-category > span').text(menu_categories[categoryId]["name"]);
							if (showImagesIcons && menu_categories[categoryId]["image"]) {
								$('.menu-link.category-link#cat_'+ categoryId +' .categories-icon').attr('style','background-image: url("'+ menu_categories[categoryId]["image"] +'"').removeClass('svg-icon').addClass('categories-icon');
							}
							if (menu_categories[categoryId]["sub"]) {
								$(this).addClass('with-categories');
								var sublist = '<div class="collapse menu-collapse sub-category" id="cat_'+ categoryId +'">';
								var sublist_open = `<a href="${'#cat_' + categoryId}" class="has-submenu collapsed" data-toggle="collapse" role="button" aria-expanded="false" >
														<i class="fa fa-chevron-down"></i>
													</a>`;
								$(this).append(sublist_open);
								$(menu_categories[categoryId]["sub"]).each((sub_index, sub_category) => {
									sublist +=	`<li class="submenu-link" >`;
													if (showImagesIcons && sub_category.image) {
														sublist += `<i class="icon category-image-icon categories-icon" style="background-image: url('${sub_category.image}')" ></i>`
													}
													sublist += `<a href="${sub_category.url}">${sub_category.name}</a>
												</li>`;
								});
								sublist += '</div>';
								$(sublist).insertAfter(this);
							}
						}
					});
				}
			}
		}
	});
}
MenuCategoriesLink();