var product_b212ddf4 = new Vue({
    el: '#product_b212ddf4',
    data: {
        product: {id: 'b212ddf4-b73f-4291-8d73-82889d0660cf',name:'Silikonový náramek'},
        variants: [
            {variant:'20cm',price:50,onstock:200,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;
        }
    },

});