jQuery(document).ready(function () {
    jQuery(document).keyup(function (e) {
        if (e.keyCode === 27) {
            jQuery(".box-product-modal").fadeOut();
            jQuery("body").css("overflow", "auto");
        }
    });
})

var closeModalProduct = function (e) {
    jQuery(".box-product-modal").fadeOut();
    jQuery("body").css("overflow", "auto");
}

var openModalProduct = function (e) {
    jQuery(".loading-modal-product").show();//Loading
    jQuery(".box-product-modal").fadeIn();
    jQuery("body").css("overflow", "hidden");
    getProductItem(jQuery(e).data("address"))
}

var getProductItem = function (url) {
    jQuery.get(url, function (data) {
        var pageScript = jQuery(data);
        var contentInfosHTML = jQuery('#product-container .divnomeproduto', pageScript).html() != undefined ? jQuery('#product-container .divnomeproduto', pageScript).html() : '';
        // contentInfosHTML += jQuery('#product-container .medidas', pageScript).html() != undefined ? "<button class='medidas'>" + jQuery('#product-container .medidas', pageScript).html() + "</button>" : '';
        contentInfosHTML += jQuery('#product-container #menuVars', pageScript).html() != undefined ? jQuery('#product-container #menuVars', pageScript).html() : '';
        contentInfosHTML += jQuery("#product-container .bordaPrecoBot", pageScript).html() != undefined ? jQuery("#product-container .bordaPrecoBot", pageScript).html() : '';
        contentInfosHTML += '<div class="footer-modal"><a href="' + url + '" class="view-all-details">Visualizar todos os detalhes do produto</a></div>';

        var contentImage = jQuery('#product-container .container-imagem figure', pageScript).html() != undefined ? jQuery('#product-container .container-imagem figure', pageScript).html() : '';

        var thumbs = jQuery('#product-container .thumbs-vertical', pageScript).html() != undefined ? jQuery('#product-container .thumbs-vertical', pageScript).html() : '';

        jQuery(".content-infos-modal").html(contentInfosHTML);
        jQuery(".product-box-apresentation").html(contentImage);
        jQuery(".vertical-thumbs").html(thumbs);

        jQuery(".loading-modal-product").hide();//Loading

        jQuery("#lista-vertical-modal .thumbs-vertical-slide").slick({
            dots: false,
            vertical: true,
            slidesToShow: 3,
            infinite: false,
            adaptiveHeight: true,
            slidesToScroll: 1,
            verticalSwiping: true,
            nextArrow: '<button class="slick-next slick-arrow" aria-label="Next" type="button" aria-disabled="true" style="display: inline-block;"><i class="fa fa-angle-down" aria-hidden="true"></i></button>',
            prevArrow: '<button class="slick-prev slick-arrow" aria-label="Previous" type="button" aria-disabled="true" style="display: inline-block;"><i class="fa fa-angle-up" aria-hidden="true"></i></button>'
        });

        jQuery("#lista-vertical-modal .thumbs-vertical-slide").slick('resize');

        jQuery('<input class="qtminus" type="button" id="plus" value="-" onclick="processModal(-1)">').insertBefore('.box-product-modal #quant');
        jQuery('<input class="qtplus" type="button" id="minus" value="+" onclick="processModal(1)">').insertAfter('.box-product-modal #quant');

        jQuery(".content-infos-modal .lista_radios input[type=radio]").change(function (e) {
            e.preventDefault();
            jQuery(".content-infos-modal .lista_radios input[type=radio]:not(:checked)").closest("li").removeClass("selecionada");
            jQuery(this).closest("li").toggleClass("selecionada");
        });

        jQuery("#lista-vertical-modal .carousel-gallery a").click(function (e) {
            e.preventDefault();
            var img = jQuery(this).data("zoomImage");
            jQuery(".product-box-apresentation img").attr("src", img);
            return false;
        });

        jQuery(".box-product-modal #button-buy").click(function (e) {
            e.preventDefault();
            addCarrinho(this);
        });

        /*jQuery(".medidas").click(function (e) {
            e.preventDefault();
            jQuery(".box-modal").fadeIn();
            jQuery("html").css("overflow-y", "hidden");
            setTimeout(function () {
                jQuery(".content-modal").css("width", "100%").css("height", "100%").css("overflow", "auto");
            }, 200)
        });*/
        
        jQuery(".medidas").click(function (e) {
            e.preventDefault();
            jQuery("#ProdAbas.abasProduto li").removeClass("aberta");
            jQuery("#ProdAbas.abasProduto li#Aba1").addClass("aberta");
            jQuery(".prodBox").hide();
            jQuery("#descricao").show();
            jQuery('html, body').animate({
                scrollTop: jQuery("#descricao").offset().top - 70
            }, 700);
        })
    });
}

function processModal(quant) {
    var value = parseInt(jQuery(".box-product-modal #quant").val());
    value = (value == 1 && quant < 0) ? value : value + quant;
    jQuery(".box-product-modal #quant").val(value);
}

function addCarrinho(obj) {
    var dataSession = jQuery("html").attr("data-session");
    var dataStore = jQuery("html").attr("data-store");
    var dataProductId = jQuery(obj).attr('data-id');
    var dataQuant = jQuery("#quant").val();
    var dataVariantId, data;
    var send = false;

    if (jQuery('.content-infos-modal ul li input[type="radio"]').length > 0) {
        if (jQuery('.content-infos-modal ul li input[type="radio"]:checked').val()) {
            var dataVariantId = jQuery('.content-infos-modal ul li input[type="radio"]:checked').val();
            send = true;
            data = '{"Cart":{"session_id":"' + dataSession + '","product_id":"' + dataProductId + '","quantity":"' + dataQuant + '" ,"variant_id":"' + dataVariantId + '"}}';
        }
    }
    else {
        send = true;
        data = '{"Cart":{"session_id":"' + dataSession + '","product_id":"' + dataProductId + '","quantity":"1"}}';
    }

    if (send) {
        jQuery.ajax({
            method: "POST",
            url: "/web_api/cart/",
            contentType: "application/json; charset=utf-8",
            data: data
        }).done(function (response, textStatus, jqXHR) {
            jQuery(".cart .list ul").empty();
            jQuery.getJSON("/mvc/store/cart/count?loja=" + dataStore, function (e) {
                var t, s = "", r = e.cart.Products.length;
                jQuery("span[data-cart=amount]").html(e.cart.Products.length);
                for (t = 0; t < r; t++) {
                    s += '<li><span onclick="removerCarrinho(this)" class="delete-product" data-product="' + e.cart.Products[t].id + '" data-variant="' + e.cart.Products[t].Variant.id + '" ><i class="fa fa-trash-o" aria-hidden="true"></i></span><img class="item-image" src="' + e.cart.Products[t].ProductImage[0].https + '"><span class="item-name">' + e.cart.Products[t].name + '</span><span class="item-price">R$ ' + e.cart.Products[t].price + "</span></li>"
                }
                jQuery(".cart .list ul").prepend(s);
                jQuery(".subtotal span").text(e.cart.price);
                closeModalProduct();
            });
            jQuery(".customer-menu .cart:visible").addClass("active").delay(3000).queue(function () {
                jQuery(this).removeClass("active").dequeue();
            });
            send = false;
        }).fail(function (jqXHR, status, errorThrown) {
            var response = jQuery.parseJSON(jqXHR.responseText);
            console.log(response);
            send = false;
        });
    }
    else {
        var elementAlert = '<span class="tooltip-custom" data-toggle="tooltip">Selecione uma varia��o</span>';
        jQuery(".lista_radios:first-child").append(elementAlert);
        jQuery(".tooltip-custom").show('fast').delay(3000).hide('fast', function () {
            jQuery(this).remove();
        });
    }

    return false;
}

function clearCarrinho() {    
    var dataStore = jQuery("html").attr("data-store");
    jQuery.getJSON("/mvc/store/cart/count?loja=" + dataStore, function (e) {
        jQuery(".cart .list ul").empty();
        var t, s = "", r = e.cart.Products.length;
        jQuery("span[data-cart=amount]").html(e.cart.Products.length);
        for (t = 0; t < r; t++) {
            s += '<li><span onclick="removerCarrinho(this)" class="delete-product" data-product="' + e.cart.Products[t].id + '" data-variant="' + e.cart.Products[t].Variant.id + '" ><i class="fa fa-trash-o" aria-hidden="true"></i></span><img class="item-image" src="' + e.cart.Products[t].ProductImage[0].https + '"><span class="item-name">' + e.cart.Products[t].name + '</span><span class="item-price">R$ ' + e.cart.Products[t].price + "</span></li>"
        }
        jQuery(".cart .list ul").prepend(s)
        jQuery(".subtotal span").text(e.cart.price);
        // jQuery(".box-product-modal").fadeOut();
        closeModalProduct();
    });
}

function removerCarrinho(obj) {
    var dataSession = jQuery("html").attr("data-session");
    var dataProductId = jQuery(obj).attr('data-product');
    var dataVariantId = jQuery(obj).attr('data-variant');
    var send = dataProductId && dataVariantId && dataSession ? true : false;

    if (send) {
        $.ajax({
            method: "DELETE",
            url: "/web_api/carts/" + dataSession + "/" + dataProductId + "/" + dataVariantId,
            contentType: "application/json; charset=utf-8",
        }).done(function (response, textStatus, jqXHR) {
            clearCarrinho();
        }).fail(function (jqXHR, status, errorThrown) {
            var response = $.parseJSON(jqXHR.responseText);
            console.log(response);
        });
    }

    return false;
}