var product_cbf17ff2 = new Vue({
    el: '#product_cbf17ff2',
    data: {
        product: {id: 'cbf17ff2-735d-490d-b533-39a57ba7bb05',name:'Triko'},
        variants: [
            {variant:'XL',price:300,onstock:1,selected:false},
            {variant:'XXL',price:300,onstock:1,selected:false},
            {variant:'dámské M',price:300,onstock:1,selected:false},
            {variant:'dámské XL',price:300,onstock:1,selected:false},
        ],
        lovestPrice: Infinity,
        price: 0,
        pcs: '',
    },
    mounted: function() {
        for( item in this.variants) {
            if( this.variants[item].price < this.lovestPrice) {
                this.lovestPrice = this.variants[item].price;
            }
        }
    },
    methods: {
        variantButtonClick: function (index) {
            for( item in this.variants) {
                this.variants[item].selected = false;
            }
            this.variants[index].selected = true;
            this.price = this.variants[index].price;
            this.pcs = 1;
        },

        addButtonClick: function() {
            var selected;
            for( let [index, item] in this.variants) {
                if(this.variants[index].selected == true) {
                    selected = index;
                }
            }
            if(selected){
                cartApp.addToCartFunction(this.product.id, this.product.name, this.variants[selected].variant, this.variants[selected].price, this.pcs);
            }
        },

        replaceItemVariant: function(variant){
            if (variant.indexOf('dámské') > -1){
                variant = variant.replace('dámské','<i class="fa fa-female" aria-hidden="true"></i>');
            }

            return variant;
        }
    },

});