var product_075c5c92 = new Vue({
    el: '#product_075c5c92',
    data: {
        product: {id: '075c5c92-885f-46ec-8c22-8d39a0e299c9',name:'Kšiltovka black'},
        variants: [
            {variant:'rovný kšilt',price:450,onstock:10,selected:false},
            {variant:'kulaty kšilt',price:450,onstock:10,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;
        }
    },

});