$(document).ready(function() {
       
        /* HOME E CART SUMARY */
        $('.flexy-add-to-cart-custom').on('click', function(){

            car      = $('.shopping-cart-content');   
            button   = $(this);
            input    = button.parent().find('input[type="number"]')
            id       = button.data('variant-id');
            quantity = input.val();
            totalPriceWithDiscount = 0;

            $.ajax({
                        url: '/cart/add',
                        type: 'post',
                        dataType: 'json',
                        data: {
                            id: id,
                            quantity: quantity,
                        },
                        success: function (data) {                    

                            car.text(''); 
                            itens = '';

                            $.each( data.cart.items, function( i, v ) {                        
                                totalPriceWithDiscount  += v.totalPriceWithDiscount
                                itens += modelCart(v);                                                    
                            });

                            /* Buttons */
                            itens +='<div class="row"><div class="col-md-12 text-right"><br><br> <div class="col-md-6 cart-sumary-btn cart-sumary-no-padding"> <a href="/checkout/" class=" pull-left btn-blue btn-cart-sumary"><i class="fa fa-shopping-cart" aria-hidden="true"></i> &nbsp;&nbsp;Finalizar compra</a></div> <div class="col-md-6 cart-sumary-btn cart-sumary-no-padding">  <a href="/cart/" class=" pull-right btn-blue btn-cart-sumary"><i class="fa fa-shopping-cart" aria-hidden="true"></i>  &nbsp;&nbsp;Ir para o carrinho</a></div><div class="col-md-12 cart-sumary-info-order"><p>* Valor do frete não incluso. Ele será inserido na finalização.</p> </div></div></div>';
                            
                            car.append(itens); 
                            
                            price = (SHOW_PRODUCT_PRICE) ? totalPriceWithDiscount : 0.00;
                            
                            sumTotal = '<span class="cart-sumary-total"><span><img src="https://d8vlg9z1oftyc.cloudfront.net/brwsuprimentosb2b/image/media/icon-cartpng-5e56b3c45cb38.png" <="" span=""> '+numberToReal(price, true)+'</span></span>';
                            
                            $('span.cart-sumary-total2').text('').append(sumTotal) 
                            $('span.cart-sumary-total').text('').append(sumTotal)                             

                            $('.quantityCart').on('click',function(){ updateCart(this)});
                            $('.header-mini-cart').addClass('open'); 
                        },
                        error: function (data) { 
                            console.log('erro'); 
                    }
                    });
        });

        function modelCart(v) {

            let c = '<div class="container-fluid item">'+
            '<div class="row">'+
                '<div class="col-sm-3"><img src="{PRODUCT_IMAGE}" alt="" class="img-thumbnail"/></div>'+
                '<div class="col-sm-9">'+
                    '<div class="row">'+
                        '<div class="col-sm-9"><p>{VARIANT_NAME}</p></div>'+
                        '<div class="col-md-3 cart-sumary-delete-item">'+
                            '<a href="/cart/delete?id={ITEM_ID}"><i class="fa fa-lg fa-trash-o" aria-hidden="true"></i></a>'+
                        '</div>'+
                    '</div>'+
                    '<div class="row">'+
                        '<div class="col-sm-6">'+
                            '<div class="col-sm-6" style="padding: 5px;">'+
                                '<div class="cart-sumary-quantity col-xs-12 col-sm-12 col-md-12 quantity " style="padding: 0px !important">'+
                                    '<input type="number" id="quantityCart-{VARIANT_ID}" name="quantityCart" class="f2-shipping-estimate-quantity product-quantity number" min="1" value="{VARIANT_QUANTITY_PRESENTATION}" data-maximum-quantity="" readonly>'+
                                    '<div class="quantity-nav">'+
                                        '<div data-item-id="{VARIANT_ID}" class="quantity-button quantity-up quantityCartUp quantityCart">+</div>'+
                                        '<div data-item-id="{VARIANT_ID}" class="quantity-button quantity-down quantityCartDown quantityCart">-</div>'+
                                    '</div>'+
                                '</div>'+
                            '</div>'+
                        '</div>';
                        
                    c +=(SHOW_PRODUCT_PRICE) ? '<div class="col-sm-6 cart-sumary-price-item">{VARIANT_PRICE}</div>' : '';
                       
                    c += '</div>'+
                '</div>'+
            '</div>'+
            '</div>';


            c = c.replace("{PRODUCT_IMAGE}", v.image).replace("{VARIANT_NAME}", v.name).replace("{ITEM_ID}", v.id).replace("{VARIANT_QUANTITY_PRESENTATION}",v.quantity).replace("{VARIANT_ID}", v.variant.id).replace("{VARIANT_ID}", v.variant.id).replace("{VARIANT_ID}", v.variant.id).replace("{VARIANT_PRICE}", numberToReal(v.totalPriceWithDiscount,true));
            return c;

        }

        function numberToReal(price, coin){
            var price = price.toFixed(2).split('.');

            price[0] = (coin ? 'R$ ' : '') + price[0].split(/(?=(?:...)*$)/).join('.');
            return price.join(',');

        }

        function updateCart(v) {
                 console.log('update');       
            var $this = $(v);

            refereCode = $this.data('item-id');
            inputCart = $('#quantityCart-'+refereCode);
            min = inputCart.attr('min'),
            max = inputCart.attr('max');
            max = (max !=undefined) ? max : 9999;
            min = (min !=undefined) ? min : 1;
            // Verifica operação add ou sub
            var oldValue = parseFloat(inputCart.val());
            
            if($this.hasClass('quantityCartUp')) {
                var newVal = (oldValue >= max  ) ? oldValue : oldValue + 1;
            }
            else {
                var newVal = ( oldValue == min ) ? oldValue : oldValue - 1;
            }

            if(oldValue== newVal) {exit;}

            inputCart.val(newVal);
            $.ajax({
                url: '/cart/add',
                type: 'post',
                dataType: 'json',
                data: {
                    id: refereCode,
                    quantity: inputCart.val(),
                    additionalVariantId: [],
                    distributionCenter:  []
                },
                beforeSend: function () {
                    $this.parent().html('<div id=\"adding-to-cart\"><i class=\"fa fa-spinner fa-spin\"></i> Adicionando...</div>');
                },
                success: function () {
                    location.reload();
                },
                error: function (data) {
                    $('#adding-to-cart').html('<i class=\"fa fa-exclamation-circle fa-lg\"></i> '+data.responseJSON.error);
                }
            });
        }   
        
        
        $('.quantityCart').on('click',function(){ 
            updateCart(this)
        });


        /* CARRINHO  */

        $('.quantity-update-cart').on('click', function(){

            v           = $(this).parent().parent()
            input       = v.find('input.flexy-cart-product-quantity')[0]
            vl          = input.value
            variantId   = input.getAttribute('data-variant-id');
            itemId      = input.getAttribute('data-cart-item-id');

            $.ajax({
                url: '/cart/add',
                type: 'post',
                dataType: 'json',
                data: {
                    id: variantId,
                    quantity: vl,
                },        
                beforeSend: function () {
            
                    $("#card-product-total-"+itemId).html('<div id=\"adding-to-cart\"><i class=\"fa fa-spinner fa-spin\"></i></div>');
                },        
                success: function () {
                    location.reload();
                },
                error: function (data) {
                    console.log('Erro')
                }
            });
        });

    });