var product_1c72dd7b = new Vue({
    el: '#product_1c72dd7b',
    data: {
        product: {id: '1c72dd7b-14f3-4b79-b7fb-b22922d9dfa4',name:'Kšiltovka trucker'},
        variants: [
            {variant:'normal',price:400,onstock:1,selected:false},
            {variant:'dětská',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;
        }
    },

});