/************************/
/*  lineapp_event.js    */
/************************/
// stadium
var userSelectedObjects = [];
var url = getdataurl;
var canvas = null;
var imageEditor = null;
ccpubsub.subscribe("ready", function () {
    CallAjax(url, {}, null, null, function (res) {
        getFlexData(res).then(function (returndata) {
            //received data!
            //console.log(returndata);
            var _object, _sub_object;
            
            for (var i = 0; i < returndata.canvas.objects.length; i++) {
                _object = returndata.canvas.objects[i];
                if (_object.type == "group") {
                    for (var x = 0; x < _object.objects.length; x++) {
                        _sub_object = returndata.canvas.objects[i].objects[x];
                        updateOBJbeforeLOAD(_sub_object, returndata.update);
                    }
                } else {
                    updateOBJbeforeLOAD(_object, returndata.update);
                }
            }
            var obj = returndata.canvas;
            //setTimeout(function () {
                imageEditor = new tui.ImageEditor('#tui-image-editor-container', {
                    renderOnAddRemove: false,
                    includeUI: {
                        loadImage: {
                            path: obj.backgroundImage.src,
                            name: 'SampleImage'
                        },
                        usageStatistics: false,
                        theme: whiteTheme, // or whiteTheme
                        initMenu: 'draw',
                        menuBarPosition: 'left',
                        onReady: function () {
                            if (imageEditor && obj && obj.objects.length > 0) {
                                for (let i = 0, myPromise = Promise.resolve(); i < obj.objects.length; i++) {
                                    myPromise = new Promise(function (resolve, reject) {
                                        setTimeout(function () {
                                            obj.objects[i].selectable = false;
                                            obj.objects[i].lockMovementX = true;
                                            obj.objects[i].lockMovementY = true;
                                            obj.objects[i].hasControls = false;
                                            obj.objects[i].lockScaling = true;
                                            obj.objects[i].lockRotation = true;
                                            //obj.objects[i].objectCaching = false;
                                            obj.objects[i].renderOnAddRemove = false;
                                            getTUIType(false, obj.objects[i], obj);
                                            resolve(i);
                                        }, 100);
                                    });
                                    myPromise.then(function (value) {
                                        if (obj.objects.length == value + 1) {
                                            addZoomBtns();
                                            var allObjectsLoaded = setInterval(function () {
                                                if (obj.objects.length == canvas._objects.length) {
                                                    cartPreview();
                                                    //HighlightSelectedObjects();
                                                    //ungroupallchairs();
                                                    visibleCanvas();
                                                    deactivateAndRenderAll();
                                                    clearInterval(allObjectsLoaded);
                                                }
                                            }, 100);
                                        }
                                    });
                                }
                            }
                            canvas = imageEditor._graphics._canvas;
                            canvas.selection = false;
                            $(document).on({
                                touchstart: function (e) {
                                    canvas.selection = false;
                                    canvas.transform = canvas.lowerCanvasEl.style.transform;
                                    canvas.istouchscreen = true;
                                },
                                touchend: function (e) {
                                    canvas.selection = true;
                                }
                            }, ".tui-image-editor-canvas-container canvas");
                            $(document).on("hover", '.tooltip', function (e) {
                                if ($(this).find('.tooltipqty').hasClass('hidden') && window.innerWidth >= 768) {
                                    hideTooltip();
                                }
                                return false;
                            });
                            $(document).on("click", '.cc-price-table-as-grid .prod-btn-inline', function (e) {
                                if (typeof (e.originalEvent) !== "undefined") {
                                    var sku = $(this).closest('.attr-grid-row.row').data().sku;
                                    var obj = getObjectBySKU(sku);
                                    if (obj) {
                                        if ($(this).hasClass('prod-plus-qty')) {
                                            if (obj.qty > 0) {
                                                addSelectedToList(obj);
                                            }
                                        }
                                        else {
                                            var objectIndex = userSelectedObjects.findIndex(object => object.sku == obj.sku);
                                            if (objectIndex >= 0) {
                                                removeSelectedFromList(obj);
                                            }
                                        }
                                    }
                                }
                            });
                            if ((window.innerWidth < 768) && ($('.tui-image-editor-canvas-container:first-child canvas').length > 0)) {
                                var el = document.querySelectorAll('.tui-image-editor-canvas-container:first-child canvas');
                                new PinchZoom.default(el, {});
                                $('.cc-price-table-as-grid').parent().prepend('<label class="ShowTicketsAsList" for="ShowTicketsAsList">Show tickets as list</label><input type="checkbox" name="ShowTicketsAsList" id="ShowTicketsAsList" value="value">');
                            }
                            canvas.on('mouse:over', function (e) {
                                this.hoverCursor = "default";
                            });
                            canvas.on('mouse:wheel', function (opt) {
                                var evt = opt.e;
                                if (evt.altKey === true) {
                                    var delta = opt.e.deltaY;
                                    var pointer = canvas.getPointer(opt.e);
                                    var zoom = canvas.getZoom();
                                    zoom = zoom - delta / 200;
                                    if (zoom > 20) zoom = 20;
                                    if (zoom < 1) zoom = 1;
                                    canvas.zoomToPoint({ x: opt.e.offsetX, y: opt.e.offsetY }, zoom);
                                    opt.e.preventDefault();
                                    opt.e.stopPropagation();
                                    var vpt = this.viewportTransform;
                                    this.CanvasWasMoved = true;
                                    if (delta > 0) {
                                        this.viewportTransform = [1, 0, 0, 1, 0, 0];
                                        this.renderAll();
                                    }
                                }
                            });
                            canvas.on('mouse:down', function (opt) {
                                if (opt.e.type.includes("mouse") && !this.istouchscreen) {
                                    var evt = opt.e;
                                    this.selection = false;
                                    this.isMouseDown = true;
                                    this.lastviewportTransform = this.viewportTransform;
                                    if (opt.subTargets.length > 0 && opt.subTargets[0].type) {
                                        this.lastobjmousedown = opt.subTargets[0].id;
                                    } else if (opt.target && opt.target.type && opt.target.id && opt.target.type != "group") {
                                        this.lastobjmousedown = opt.target.id;
                                    } else {
                                        this.lastobjmousedown = null;
                                    }
                                    if (opt.e.type == "touchstart") {
                                        this.transform = this.lowerCanvasEl.style.transform;
                                    }
                                    //this.discardActiveGroup();
                                    //this.discardActiveObject();
                                    //this.renderAll();
                                }
                            });
                            canvas.on('mouse:move', function (opt) {
                                // hideTooltip();
                                if (opt.e.type.includes("mouse") && !this.istouchscreen /*&& window.innerWidth >= 768*/) {
                                    var e = opt.e;
                                    var target = opt.target;
                                    var tooltip = this.wrapperEl.querySelector('.tooltip');
                                    this.hoverCursor = "default";
                                    this.upperCanvasEl.style.cssText += 'cursor:default !important';
                                    if (this.isMouseDown) {
                                        this.lastviewportTransform = this.viewportTransform;
                                        this.isDragging = true;
                                        this.CanvasWasMoved = true;
                                        var top = this.viewportTransform[5] < 0 && e.movementY > 0;
                                        var left = this.viewportTransform[4] < 0 && e.movementX > 0;
                                        var bottom = (this.height - (this.height * this.getZoom())) < this.viewportTransform[5] && e.movementY < 0;
                                        var right = (this.width - (this.width * this.getZoom())) < this.viewportTransform[4] && e.movementX < 0;
                                        if (top || bottom)
                                            this.viewportTransform[5] += e.movementY;
                                        if (left || right)
                                            this.viewportTransform[4] += e.movementX;
                                        this.renderAll();
                                    }
                                    if (opt.subTargets.length > 0 && opt.subTargets[0].type) {
                                        var obj = opt.subTargets[0];
                                        if (obj.type === "Tag") {
                                            (obj._objects[0].fill != obj.colorStowed) ? this.upperCanvasEl.style.cssText += "cursor:pointer !important" : this.upperCanvasEl.style.cssText += 'cursor:default !important';
                                        } else {
                                            this.hoverCursor = "default";
                                            this.upperCanvasEl.style.cssText += 'cursor:default !important';
                                        }
                                    }
                                    if (target && target.type != "i-text" && target.type != "group" && target.qty > 0) {
                                        this.upperCanvasEl.style.cssText += 'cursor:pointer !important';
                                    }
                                    if (!this.isMouseDown) {
                                        manageTooltip(opt);
                                        // if (typeof(this.movementTimer) !== "undefined") {
                                        //     clearTimeout(this.movementTimer);
                                        // }
                                        // this.movementTimer = setTimeout(function ()
                                        // {
                                        //     manageTooltip(opt);
                                        // }, 1000);
                                    }
                                    // if (tooltip && tooltip.style && !this.isMouseDown) {
                                    //     if (target && target.type != "i-text") {
                                    //         if (target.type != "group" && target.qty > 0) {
                                    //             this.upperCanvasEl.style.cssText += 'cursor:pointer !important';
                                    //             showTooltip(opt.e, opt.target, tooltip);
                                    //         }
                                    //         else if (opt.subTargets.length > 0 && opt.subTargets[0].type && opt.subTargets[0].type === "Tag" && opt.subTargets[0].qty > 0) {
                                    //             showTooltip(opt.e, opt.subTargets[0], tooltip);
                                    //         }
                                    //         else {
                                    //             hideTooltip();
                                    //         }
                                    //     }
                                    //     else {
                                    //         hideTooltip();
                                    //     }
                                    // }
                                }
                            });
                            canvas.on('mouse:up', function (opt) {
                                if (opt.e.type.includes("mouse") && !this.istouchscreen) {
                                    if (opt.e.button == 0) {
                                        this.isMouseDown = false;
                                        this.selection = true;
                                        if (this.isDragging) {
                                            this.isDragging = false;
                                            var objs = this.getObjects();
                                            var group = new fabric.Group(objs, {
                                                originX: 'center',
                                                originY: 'center'
                                            });
                                            this._activeObject = null;
                                            this.setActiveGroup(group).renderAll();
                                            this.discardActiveGroup();
                                            this.discardActiveObject();
                                            this.renderAll();
                                        }
                                        if (opt.target && opt.target.type && opt.target.type != "i-text") {
                                            var lastobjmouseup = null;
                                            if (opt.subTargets.length > 0 && opt.subTargets[0].type) {
                                                lastobjmouseup = opt.subTargets[0].id;
                                            } else if (opt.target.id && opt.target.type != "group") {
                                                lastobjmouseup = opt.target.id;
                                            }
                                            if (this.lastviewportTransform == this.viewportTransform && this.lastobjmousedown && lastobjmouseup && this.lastobjmousedown == lastobjmouseup) {
                                                objClicked(opt);
                                            }
                                        }
                                    }
                                }
                            });
                            $('.tui-image-editor-canvas-container').on('mouseout', function (e) {
                                if (e.relatedTarget && e.relatedTarget.id && e.relatedTarget.id == "stadium-container") {
                                    var tooltip = document.querySelector('.tooltip');
                                    if (tooltip) {
                                        hideTooltip();
                                    }
                                }
                            });
                            var timeout;
                            $('.input-group-plus-minus .value-button').mousedown(function (e) {
                                timeout = setInterval(function () {
                                    (e.target.classList.contains("increase")) ? increaseValue(e.target.attributes.for.value) : decreaseValue(e.target.attributes.for.value);
                                }, 100);
                                return false;
                            }).mouseup(function () {
                                clearInterval(timeout);
                                return false;
                            }).mouseout(function () {
                                clearInterval(timeout);
                                return false;
                            });
                        }
                    },
                    cssMaxWidth: 700,
                    cssMaxHeight: 500
                });
                canvas = imageEditor._graphics._canvas;
                canvas.renderOnAddRemove = false;
                canvas.backgroundColor = obj.background;
                //canvas.renderAll();
                $("#stadium-container").prepend(imageEditor._graphics._canvas.wrapperEl);
                //deactivateAndRenderAll();
                removejscssfile("tui-image-editor.js", "js");
                removejscssfile("tui-image-editor.css", "css");
            //}, 1000);
        });
    }, null, "GET");
    if (/*!isMobile &&*/ window.outerWidth >= 768) {
        var domString = '<div class="tabs-wrapper">' +
            '<div class="tab tab-tickets active" data-for="tickets">כרטיסים</div>' +
            '<div class="tab-space"></div>' +
            '<div class="tab tab-cart" data-for="cart">עגלת קניות</div>' +
            '</div>';
        if (!$('.details-rub.choose-items-container .tabs-wrapper').length > 0) {
            $(domString).insertBefore('#maincontent .productdetails .details-rub.choose-items-container .details-rub-inner>ul');
        }
        var allNameTags = $('.cc-price-table-as-grid .attr-grid-row.row .attr-qty-label-name');
        for (var i = 0; i < allNameTags.length; i++) {
            var nameTagText = $(allNameTags[i]).text();
            $(allNameTags[i]).html("");
            nameTagText.split(", ").forEach(function (item) {
                if ($(allNameTags[i]).children().length > 0) {
                    $(allNameTags[i]).append('<span>,&nbsp;</span>');
                }
                $(allNameTags[i]).append('<span>' + item + '</span>');
            });
        }
        $('.details-rub.choose-items-container .details-rub-inner').prepend('<div id="full-screen"><i class="fa fa-expand-wide"></i><span>לחצו כאן להגדלה</span></div>');
    }
    $('#maincontent .productdetails .details-rub.choose-items-container .details-rub-inner .tabs-wrapper .tab').on('click', function (e) {
        if (userSelectedObjects.length > 0) {
            this.parentElement.querySelector('.active').classList.remove("active");
            this.classList.add("active");
            var cartdiv = document.querySelector('.cart-preview .cart-not-empty');
            (this.dataset.for == "cart") ? cartdiv.classList.remove("hidden") : cartdiv.classList.add("hidden");
        }
        else {
            cs.toast("אין מוצרים בעגלה");
        }
    });
    $(document).on("click touchstart", 'body', function (e) {
        if (!$(e.target).closest('#stadium-container').length > 0 && e.originalEvent) {
            hideTooltip();
        }
    });
    $(window).scroll(function () {
        if (window.innerWidth >= 768) {
            hideTooltip();
        }
    });
    $(document).on("click", '.choose-items-container #full-screen', function (e) {
        $(this).closest('.choose-items-container').toggleClass("full-screen");
        return false;
    });
    $(document).on("click", 'body .details-rub.choose-items-container.full-screen #stadium-container .cart-preview .cart-not-empty .button', function (e) {
        $('.choose-items-container.full-screen').removeClass("full-screen");
        $('html, body').animate({
            scrollTop: $(".prod-onproduct-customer-details").offset().top - 100
        }, 1000);
        return false;
    });
    //body .details-rub.choose-items-container.full-screen #stadium-container .cart-preview .cart-not-empty .button
    $('.cc-price-table-as-grid .attr-grid .attr-grid-row .attr-grid-cell-qty').addClass('hidden');
    $('.cc-price-table-as-grid .attr-grid-cell-name').on('click', function () {
        if ($(this).next().hasClass('hidden')) {
            $('.cc-price-table-as-grid .attr-grid .attr-grid-row .attr-grid-cell-qty').each(function () {
                if ($(this).find('input').val() == 0) {
                    $(this).addClass('hidden');
                }
            });
            $(this).next().toggleClass('hidden');
        }
        else {
            if ($(this).next().find('input').val() == 0) {
                $(this).next().toggleClass('hidden');
            }
        }
    });
});
function getFlexData(res) {
    return $.getJSON(res.StadiumCanvasCDNUrl).then(function (data) {
        return {
            canvas: data,
            update: res.UsedQtyObjects
        };
    });
}
function cartPreview() {
    var isPreview = false;
    for (var i = 0; i < canvas._objects.length; i++) {
        if (canvas._objects[i].type == "group") {
            for (var x = 0; x < canvas._objects[i]._objects.length; x++) {
                if (canvas._objects[i]._objects[x].qty > 0) {
                    isPreview = true;
                }
            }
        } else {
            if (canvas._objects[i].qty > 0) {
                isPreview = true;
            }
        }
    }
    if (isPreview && !$('.cart-preview').length > 0) {
        ($('<div>', {
            class: 'cart-preview',
            html: $('<div>', {
                class: 'cart-preview-inner'
            }).append($('<div/>', {
                class: 'cart-empty',
                html: $('<div>', {
                    class: 'head',
                    html: $('<h2>', {})
                }).append($('<i>', {
                    class: 'fas fa-arrow-right'
                }))
            })).append($('<input/>', {
                type: 'checkbox',
                class: 'mobile-cart-preview',
                name: 'mobile-cart-preview',
                id: 'mobile-cart-preview'
            })).append($('<label/>', {
                for: 'mobile-cart-preview',
                html: $('<i>', {
                    class: 'fas fa-arrow-circle-up'
                })
            })).append($('<div/>', {
                class: 'cart-not-empty hidden',
                html: $('<div>', {
                    class: 'head',
                    html: $('<h2>', {})
                })
            }).append($('<div/>', {
                class: 'ul-list',
                html: $('<ul>', {})
            })).append($('<div/>', {
                class: 'mobile-tickets-sum-counter hidden',
                html: '<div class="mobile-tickets-counter"><span class="mobile-tickets-counter-text">כרטיסים</span><span class="mobile-tickets-counter-points">: &nbsp; </span><span class="mobile-tickets-counter-number">0</span></div>'
            })).append($('<div/>', {
                class: 'sum',
                html: $('<span>', {
                    class: 'sumtext',
                })
            }).append($('<span/>', {
                class: 'sumpoints',
                html: ': &nbsp; '
            })).append($('<span/>', {
                class: 'sumdisplay',
                html: "0"
            }))).append($('<div/>', {
                class: 'button',
                html: $('<button>', {
                    class: 'btn-primary btn-order-now add showcheckout resetcartprods validaform',
                    type: 'button',
                    "data-pid": cc_oid
                })
            })))
        })).appendTo("#stadium-container");
        $('<div>', {
            class: 'tooltip',
            html: ($('<span>', {
                class: 'tooltiptext info'
            }).append($('<span>', {
                class: 'tooltipname'
            })).append($('<span>', {
                class: 'tooltipspace'
            })).append($('<span>', {
                class: 'tooltippriceandcurrency'
            }).append($('<span>', {
                class: 'tooltipprice'
            })).append($('<span>', {
                class: 'tooltipcurrency',
                html: currencySymbol
            }))))
        }).append($('<span>', {
            class: 'tooltiptext remaining'
        }).append($('<span>', {
            class: 'tooltipremaining',
        }).append($('<span>', {
            class: 'tooltippoints',
            html: ' &nbsp; : &nbsp; '
        }))).append($('<span>', {
            class: 'tooltipspace'
        })).append($('<span>', {
            class: 'tooltipnum'
        }))).append($('<div>', {
            class: 'tooltipqtyadd'
        }).append($('<div>', {
            class: 'tooltipqty hidden',
            html: $('<i>', {
                class: 'fas fa-minus-circle',
                "onclick": "minusFromTooltip(this)"
            })
        }).append($('<span>', {
            class: 'qtyinput',
        })).append($('<i>', {
            class: 'fas fa-plus-circle',
            "onclick": "plusFromTooltip(this)"
        }))).append($('<div>', {
            class: 'mobile-tooltip-add-btn hidden',
            html: $('<button>', {
                type: 'button',
                "onclick": "objAddFromMobileTooltip(this)",
            })
        }))).append($('<span>', {
            class: 'tooltiparrow'
        })).appendTo(imageEditor._graphics._canvas.wrapperEl);
    }
}
function addZoomBtns() {
    $('<div>', {
        class: 'canvas-zoom',
        html: $('<div>', {
            class: 'canvas-zoom-wrapper'
        }).append($('<div/>', {
            class: 'canvas-zoom-inner canvas-zoom-in',
            html: $('<button>', {
                class: 'canvas-zoom-button canvas-btn-zoom-in',
                'data-id': "in",
                'aria-label': "להתקרב",
                'onclick': "tuiCanvasZoomBtns(this.dataset.id)",
                html: '+'
            })
        })).append($('<div/>', {
            class: 'canvas-zoom-inner canvas-zoom-out',
            html: $('<button>', {
                class: 'canvas-zoom-button canvas-btn-zoom-out',
                'data-id': "out",
                'aria-label': "להתרחק",
                'onclick': "tuiCanvasZoomBtns(this.dataset.id)",
                html: '-'
            })
        })).append($('<div/>', {
            class: 'canvas-zoom-inner explanation',
            html: $('<div>', {
                class: 'text line1',
                // html: '* use ALT key with wheel for zome'
            })
        }).append($('<div>', {
            class: 'text line2',
            // html: '* can move the canvas with left click'
        })))
    }).appendTo(".tui-image-editor-canvas-container:first-child");
}
function plusFromTooltip(i) { /*test*/
    var qtytooltipinput = i.parentElement.querySelector('input');
    var obj = getObjectById(qtytooltipinput.dataset.id);
    if (obj.qty > 0 && qtytooltipinput.valueAsNumber < parseInt(qtytooltipinput.max, 10)) {
        if (/*isMobile &&*/ window.outerWidth < 768) {
            if (availableTickets() - qtytooltipinput.valueAsNumber > 0 || parseInt(document.querySelector('.tui-image-editor-canvas-container .tooltip .tooltiptext.remaining .tooltipnum').innerText, 10) > 0) {
                // i.parentElement.parentElement.querySelector('.mobile-tooltip-add-btn button').classList.remove('not-available');
                qtytooltipinput.valueAsNumber++;
                updateLeftTicketOnTooltip("minus");
            }
        }
        else {
            addSelectedToList(obj);
            var userobj = userSelectedObjects.findIndex(object => object.id == obj.id);
            qtytooltipinput.value = (userobj >= 0) ? userSelectedObjects[userobj].qty : qtytooltipinput.value++;
        }
    }
    checkObjectSelectedLength();
}
function minusFromTooltip(i) {
    var qtytooltipinput = i.parentElement.querySelector('input');
    var obj = getObjectById(i.parentElement.querySelector('input').dataset.id);
    var userobj = userSelectedObjects.findIndex(object => object.id == obj.id);
    if (/*isMobile &&*/ window.outerWidth < 768) {
        if (qtytooltipinput.valueAsNumber > 0) {
            qtytooltipinput.valueAsNumber--;
            updateLeftTicketOnTooltip("plus");
            // if (qtytooltipinput.valueAsNumber == 0) {
            //      i.parentElement.parentElement.querySelector('.mobile-tooltip-add-btn button').classList.add('not-available');     
            // }
            // else{
            //     i.parentElement.parentElement.querySelector('.mobile-tooltip-add-btn button').classList.remove('not-available');        
            // }
        }
        // if (qtytooltipinput.valueAsNumber == 0) {
        //     hideTooltip();
        // }
    } else {
        if (userobj >= 0) {
            qtytooltipinput.value = userSelectedObjects[userobj].qty - 1;
            removeSelectedFromList(obj);
        }
    }
    checkObjectSelectedLength();
}
function objClicked(e) {
    var obj = e.target;
    if (obj && obj.type && e.e) {
        // if (obj.type != "group" && obj.qty && obj.qty > 0) {
        //     if (obj.qty > 1) {
        //         addInputToTooltip(obj);
        //     }
        //     // addSelectedToList(obj);
        // }
        if (obj.type != "group" && obj.qty >= 0 && obj.qtyDefault && obj.qtyDefault > 0) {
            if (obj.qtyDefault > 1) {
                addInputToTooltip(obj);
            }
            else { // obj.qtyDefault == 1
                (obj.qty > 0) ? addSelectedToList(obj) : removeSelectedFromList(obj);
            }
            // if (obj.qty > 1) {
            //     addInputToTooltip(obj);
            // }
            // addSelectedToList(obj);
        }
        if (obj.type === "group") {
            if (e.subTargets && e.subTargets[0]) {
                var subObj = e.subTargets[0];
                if (subObj.type == "Tag") {
                    if (subObj.qtyDefault && subObj.qtyDefault == 1) {
                        if (subObj.qty && subObj.qty > 0) {
                            addSelectedToList(subObj);
                        } else {
                            removeSelectedFromList(subObj);
                        }
                    } else {
                        if (subObj.qty && subObj.qty > 0) {
                            if (subObj.qty > 1) {
                                addInputToTooltip(subObj);
                            }
                            // addSelectedToList(subObj);
                        }
                    }
                }
            }
        }
        checkObjectSelectedLength();
        canvas.discardActiveObject();
    }
}
function addSelectedToList(obj) {
    if (availableTickets() <= 0) {
        cs.toast("מקסימום 10 כרטיסים להזמנה");
        return false;
    }
    //userSelectedObjects.push(obj.id);
    //(userSelectedObjects.findIndex(object => object.id == obj.id) >= 0) ? userSelectedObjects[userSelectedObjects.findIndex(object => object.id == obj.id)].qty++ : userSelectedObjects.push({ id: obj.id, qty: 1 }) ;
    var ul = document.querySelector('.cart-preview .cart-not-empty .ul-list ul');
    var objectIndex = userSelectedObjects.findIndex(object => object.id == obj.id);
    var available_Tickets = (availableTickets() <= obj.qty) ? availableTickets() : obj.qty;
    if (objectIndex >= 0) {
        userSelectedObjects[objectIndex].qty++;
        ul.querySelector('li[data-id="' + obj.id + '"]').querySelector('input[data-id="' + obj.id + '"]').valueAsNumber++;
    } else {
        userSelectedObjects.push({ id: obj.id, qty: 1, sku: obj.sku, price: obj.price });
        var li = document.createElement("li");
        var textspan = document.createElement("span");
        var firstdiv = document.createElement("div");
        var nameToDisplay = "ticket";
        if (obj.fullname && obj.fullname.toString().length > 0) {
            nameToDisplay = obj.fullname
        } else if (obj.name && obj.name.toString().length > 0) {
            nameToDisplay = obj.name;
        }
        // if (obj.type == "Tag") {
        //     nameToDisplay += " - " + obj._objects[1].text;
        // }
        firstdiv.className = "selected-name";
        textspan.innerHTML = nameToDisplay;
        var i = document.createElement("i");
        i.className = "fas fa-times";
        i.onclick = function () {
            removeSelectedFromList(getObjectById(this.closest("li").dataset.id));
        };
        firstdiv.appendChild(textspan);
        firstdiv.appendChild(i);
        li.appendChild(firstdiv);
        if (obj.qty > 1) {
            var seconddiv = document.createElement("div");
            seconddiv.className = "selected-qty";
            var iminus = document.createElement("i");
            iminus.className = "fas fa-minus-circle";
            iminus.onclick = function () {
                var iinput = this.parentElement.querySelector('input');
                if (iinput.valueAsNumber > parseInt(iinput.min, 10)) {
                    removeSelectedFromList(getObjectById(this.closest("li").dataset.id));
                }
            };
            seconddiv.appendChild(iminus);
            var inputTag = document.createElement("input");
            var inputTagId = obj.id + '-qty-input';
            inputTag.setAttribute('id', inputTagId);
            inputTag.setAttribute('type', "number");
            inputTag.setAttribute('class', "form-control");
            inputTag.setAttribute('name', inputTagId);
            inputTag.setAttribute('data-id', obj.id);
            inputTag.setAttribute('placeholder', "qty");
            inputTag.setAttribute('min', 0);
            inputTag.setAttribute('max', obj.qty);
            inputTag.setAttribute('value', 1);
            inputTag.setAttribute('data-lastvalue', 1);
            inputTag.setAttribute('onkeydown', "return false");
            //inputTag.setAttribute('onchange', "updateOrderQty(this)");
            seconddiv.appendChild(inputTag);
            var iplus = document.createElement("i");
            iplus.className = "fas fa-plus-circle";
            iplus.onclick = function () {
                var iinput = this.parentElement.querySelector('input');
                if (iinput.valueAsNumber < parseInt(iinput.max, 10)) {
                    addSelectedToList(getObjectById(this.closest("li").dataset.id));
                }
            };
            seconddiv.appendChild(iplus);
            li.appendChild(seconddiv);
        }
        li.setAttribute('data-id', obj.id);
        ul.appendChild(li);
    }
    obj.qty--;
    if (obj.sku) {
        var tiketLI = $('.cc-price-table-as-grid .attr-grid-row.row[data-sku="' + obj.sku + '"]');
        //$('.cc-price-table-as-grid .attr-grid-row.row[data-sku="'+ obj.sku +'"] .attr-grid-cell-qty').removeClass('hidden');
        $(tiketLI).find('.attr-grid-cell-qty').removeClass('hidden');
        if (!($(event.target).closest('.cc-price-table-as-grid').length > 0)) {
            //$('.cc-price-table-as-grid .attr-grid-row.row[data-sku="'+ obj.sku +'"] .prod-btn-inline.prod-plus-qty').click();
            $(tiketLI).find('.prod-btn-inline.prod-plus-qty').click();
            //scrollToLi($('.cc-price-table-as-grid .attr-grid-row.row[data-sku="'+ obj.sku +'"]'));    
            scrollToLi($(tiketLI));
        }
    }
    doAfterClick(obj, arguments.callee.name);
}
function removeSelectedFromList(obj) {
    var ul = document.querySelector('.cart-not-empty .ul-list ul');
    var objectIndex = userSelectedObjects.findIndex(object => object.id == obj.id);
    if (!(objectIndex >= 0)) {
        return false;
    }
    if (userSelectedObjects[objectIndex].qty > 1) {
        userSelectedObjects[objectIndex].qty--;
        ul.querySelector('li[data-id="' + obj.id + '"]').querySelector('input[data-id="' + obj.id + '"]').valueAsNumber--;
    } else {
        userSelectedObjects.splice(objectIndex, 1);
        ul.removeChild(ul.querySelector('li[data-id="' + obj.id + '"]'));
        checkObjectSelectedLength();
    }
    obj.qty++;
    var tiketLI = $('.cc-price-table-as-grid .attr-grid-row.row[data-sku="' + obj.sku + '"]');
    if (obj.sku && !($(event.target).closest('.cc-price-table-as-grid').length > 0)) {
        $(tiketLI).find('.prod-btn-inline.prod-minus-qty').click();
    }
    doAfterClick(obj, arguments.callee.name);
}
function doAfterClick(obj, triggername) {
    if (obj.type === "Tag") {
        updateTagBackgroundColor(obj);
    }
    if (obj.type === "rect" || obj.type === "circle" || obj.type === "triangle" || obj.type === "icon") {
        updateTypeBackgroundColor(obj);
    }
    updateQtyTooltip(obj);
    checkObjectSelectedLength();
    updatePreviewSum();
    collectStats(triggername, obj.name, obj.qty, obj.qtyDefault, obj.sku, canvas.getZoom(), (canvas.getZoom() * 100) + "%", canvas.viewportTransform, canvas.transform, navigator.userAgent, new Date().getDate() + "/" + (new Date().getMonth() + 1) + "/" + new Date().getFullYear(), new Date().getHours() + ":" + new Date().getMinutes());
    updateMobileTicketsCounter();
    selectedPromotion(obj);
}
function checkObjectSelectedLength() {
    var tabswrapper = document.querySelector('.details-rub.choose-items-container .tabs-wrapper');
    var cartpreview = document.querySelector('.cart-preview ');
    if (window.outerWidth >= 768) {
        if (tabswrapper) {
            tabswrapper.querySelector('.tab.active').classList.remove("active");
        }
    }
    if (userSelectedObjects.length > 0) {
        if (cartpreview) {
            cartpreview.querySelector('.cart-empty').classList.add("hidden");
            cartpreview.querySelector('.cart-not-empty').classList.remove("hidden");
        }
        if (window.outerWidth >= 768) {
            if (tabswrapper) {
                tabswrapper.querySelector('.tab.tab-cart').classList.add("active");
            }
        }
    } else {
        if (cartpreview) {
            cartpreview.querySelector('.cart-not-empty').classList.add("hidden");
            cartpreview.querySelector('.cart-empty').classList.remove("hidden");
        }
        if (window.outerWidth >= 768) {
            if (tabswrapper) {
                tabswrapper.querySelector('.tab.tab-tickets').classList.add("active");
            }
        }
    }
}
function updateTagBackgroundColor(obj) {
    var objectIndex = userSelectedObjects.findIndex(object => object.id == obj.id);
    if (objectIndex >= 0) {
        obj._objects[0].setFill(obj.colorSelected);
        //obj._objects[0].setStroke(obj.colorSelectedInvertText);
        obj._objects[1].setFill(obj.colorSelectedInvertText);
    } else {
        obj._objects[0].setFill(obj.colorAvailable);
        //obj._objects[0].setStroke(obj.colorAvailableInvertText);
        obj._objects[1].setFill(obj.colorAvailableInvertText);
    }
    canvas.renderAll();
}
function updateTypeBackgroundColor(obj) {
    var objectIndex = userSelectedObjects.findIndex(object => object.id == obj.id);
    if (objectIndex >= 0) {
        obj.setFill(obj.colorSelected);
        //obj._objects[0].setStroke(obj.colorSelectedInvertText);
    } else {
        obj.setFill(obj.colorAvailable);
        //obj._objects[0].setStroke(obj.colorAvailableInvertText);
    }
    canvas.renderAll();
}
function updateQtyTooltip(obj) {
    if (canvas && canvas.wrapperEl) {
        if (canvas.wrapperEl.querySelector('.tooltip') && canvas.wrapperEl.querySelector('.tooltip').querySelector('.tooltipnum')) {
            // canvas.wrapperEl.querySelector('.tooltip').querySelector('.tooltipnum').innerHTML = obj.qty + " / " + obj.qtyDefault;
            var available_Tickets = (availableTickets() <= obj.qty) ? availableTickets() : obj.qty;
            canvas.wrapperEl.querySelector('.tooltip').querySelector('.tooltipnum').innerHTML = available_Tickets;
        }
    }
}
function updatePreviewSum() {
    if (canvas && canvas.wrapperEl) {
        var sum = 0;
        for (var i = 0; i < userSelectedObjects.length; i++) {
            sum += (userSelectedObjects[i].price * userSelectedObjects[i].qty);
        }
        if (document.querySelector('.cart-preview') && document.querySelector('.cart-preview').querySelector('.sumdisplay')) {
            document.querySelector('.cart-preview').querySelector('.sumdisplay').innerHTML = sum;
        }
    }
}
function mobileBtnCheckAvailability() {
    var mobile_btn = document.querySelector('.tooltip .mobile-tooltip-add-btn button');
    var obj_sku = mobile_btn.dataset.sku;
    var mobile_input_val = document.querySelector('.tooltip .tooltipqty input').valueAsNumber;
    var obj_i = userSelectedObjects.findIndex(object => object.sku == obj_sku);
    var userSelectedObjectQty = (obj_i >= 0) ? userSelectedObjects[obj_i].qty : 0;
    (mobile_input_val == userSelectedObjectQty) ? $(mobile_btn).addClass('not-available') : $(mobile_btn).removeClass('not-available');
}
function updateLeftTicketOnTooltip(oper) {
    var lefttooltipnum = $('.tui-image-editor-canvas-container .tooltip .tooltiptext.remaining .tooltipnum');
    switch (oper) {
        case "plus":
            lefttooltipnum.text(parseInt(lefttooltipnum.text()) + 1);
            break;
        case "minus":
            lefttooltipnum.text(parseInt(lefttooltipnum.text()) - 1);
            break;
    }
    mobileBtnCheckAvailability();
}
function manageTooltip(opt) {
    var tooltip = document.querySelector('.tooltip');
    if (tooltip && tooltip.style) {
        if (opt.target && opt.target.type != "i-text") {
            if (opt.target.type != "group" && (opt.target.qty > 0 || opt.target.qtyDefault > 0)) {
                showTooltip(opt.e, opt.target, tooltip);
            }
            else if (opt.subTargets.length > 0 && opt.subTargets[0].type && opt.subTargets[0].type === "Tag" && (opt.subTargets[0].qty > 0 || opt.subTargets[0].qtyDefault > 0)) {
                showTooltip(opt.e, opt.subTargets[0], tooltip);
            }
            else {
                hideTooltip();
            }
        }
        else {
            hideTooltip();
        }
    }
}
function showTooltip(e, obj, tooltip) {
    if (obj.qtyDefault == obj.qty && obj.qty == 1) {
        tooltip.querySelector('.remaining').style.height = "0px";
        tooltip.querySelector('.remaining').style.overflow = "hidden"
    } else {
        tooltip.querySelector('.remaining').style.height = "auto";
        tooltip.querySelector('.remaining').style.overflow = "visible"
    }
    var available_Tickets = (availableTickets() <= obj.qty) ? availableTickets() : obj.qty;
    tooltip.querySelector('.tooltipnum').innerHTML = available_Tickets;
    tooltip.querySelector('.tooltipname').innerHTML = (obj.fullname && obj.fullname.toString().length > 0) ? obj.fullname : obj.name;
    tooltip.querySelector('.tooltipprice').innerHTML = obj.price;
    tooltip.querySelector('.mobile-tooltip-add-btn>button').dataset["sku"] = obj.sku;
    var tooltipwidth = tooltip.offsetWidth;
    if (window.outerWidth < 780) {
        tooltip.style.left = "auto";
        tooltip.style.right = "auto";
        tooltipwidth = tooltip.offsetWidth;
        if (obj.qtyDefault > 1) {
            tooltipwidth = (tooltip.offsetWidth > 200) ? tooltip.offsetWidth : 200;
        }
    }
    var objTOP = null;
    var objLEFT = null;
    var tooltipBottomY = tooltip.offsetHeight;
    var tooltipBottomX = tooltipwidth / 2;
    var canvasHeightDiff = (canvas.wrapperEl.offsetHeight / canvas.height);
    var canvasWidthDiff = (canvas.wrapperEl.offsetWidth / canvas.width);
    var scaleY = (canvas.lowerCanvasEl.getBoundingClientRect().height / canvas.wrapperEl.offsetHeight);
    var scaleX = (canvas.lowerCanvasEl.getBoundingClientRect().width / canvas.wrapperEl.offsetWidth);
    var canvasMoveY = canvas.lowerCanvasEl.getBoundingClientRect().y - canvas.wrapperEl.getBoundingClientRect().y;
    var canvasMoveX = canvas.lowerCanvasEl.getBoundingClientRect().x - canvas.wrapperEl.getBoundingClientRect().x;
    var MultiplyingAllVariablesTOP = canvasHeightDiff * scaleY;
    var MultiplyingAllVariablesLEFT = canvasWidthDiff * scaleX;
    var arrowMove = null;
    if (window.outerWidth < 768) {
        // mobile
        tooltip.querySelector('.tooltiparrow').style.left = "50%";
        tooltip.querySelector('.tooltiparrow').style.right = "auto";
        var leftCalculation = null;
        var objCalculationfromleft = null;
        var objCalculationfromright = null;
        var canvaswidth = canvas.wrapperEl.offsetWidth;
        // initialize before update
        if (obj.group) {
            objLEFT = obj.group.getCenterPoint().x + obj.getCenterPoint().x;
            leftCalculation = ((MultiplyingAllVariablesLEFT * objLEFT) + canvasMoveX) - tooltipBottomX;
            objCalculationfromleft = ((MultiplyingAllVariablesLEFT * objLEFT) + canvasMoveX);
        } else {
            objLEFT = obj.oCoords.mt.x;
            leftCalculation = ((MultiplyingAllVariablesLEFT * objLEFT) + canvasMoveX) - tooltipBottomX - 0;
            objCalculationfromleft = ((MultiplyingAllVariablesLEFT * objLEFT) + canvasMoveX) - 0;
        }
        objCalculationfromright = canvas.wrapperEl.offsetWidth - objCalculationfromleft;
        // check before update
        // if ((leftCalculation + tooltipwidth) > canvas.wrapperEl.offsetWidth) {
        //     console.log(objCalculationfromright)
        // }
        // set top and left (arrow on center)
        if (obj.group) {
            objTOP = obj.group.getCenterPoint().y + obj.top;
            objLEFT = obj.group.getCenterPoint().x + obj.getCenterPoint().x;
            tooltip.style.top = ((MultiplyingAllVariablesTOP * objTOP) + canvasMoveY) - tooltipBottomY + "px";
            tooltip.style.left = ((MultiplyingAllVariablesLEFT * objLEFT) + canvasMoveX) - tooltipBottomX + "px";
        } else {
            objTOP = obj.oCoords.mt.y;
            objLEFT = obj.oCoords.mt.x;
            tooltip.style.top = ((MultiplyingAllVariablesTOP * objTOP) + canvasMoveY) - tooltipBottomY - 5 + "px";
            tooltip.style.left = ((MultiplyingAllVariablesLEFT * objLEFT) + canvasMoveX) - tooltipBottomX - 0 + "px";
        }
        // // check overflow
        // if (tooltip.style.left.toFloat() < 15) {
        //     /*out of left*/
        //     if (tooltipBottomX - 15 > Math.abs(tooltip.style.left.toFloat())) {
        //         arrowMove = tooltip.style.left.toFloat() - 10;
        //         tooltip.style.left = "0px";
        //         tooltip.querySelector('.tooltiparrow').style.left = "calc(50% + " + arrowMove + 7.5 + "px)";
        //     } else {
        //         tooltip.style.left = "-5px";
        //         tooltip.querySelector('.tooltiparrow').style.left = "10px";
        //     }
        //     tooltip.style.right = "auto";
        //     tooltip.querySelector('.tooltiparrow').style.right = "auto";
        // }
        // check overflow
        if (parseInt(tooltip.style.left, 10) < 0) {
            /*out of left*/
            arrowMove = tooltip.style.left;
            tooltip.style.left = "0px";
            var setarrowMoveleft = "calc(50% + " + arrowMove + ")";
            tooltip.querySelector('.tooltiparrow').style.left = setarrowMoveleft;
            // if (tooltipBottomX - 15 > Math.abs(tooltip.style.left.toFloat())) {
            //     arrowMove = tooltip.style.left.toFloat() - 10;
            //     tooltip.style.left = "0px";
            //     tooltip.querySelector('.tooltiparrow').style.left = "calc(50% + " + arrowMove + 7.5 + "px)";
            // } else {
            //     tooltip.style.left = "-5px";
            //     tooltip.querySelector('.tooltiparrow').style.left = "10px";
            // }
            if (Math.abs(parseInt(arrowMove, 10)) + 15 > tooltipBottomX) {
                tooltip.style.left = "-5px";
                tooltip.querySelector('.tooltiparrow').style.left = "10px";
            }
            tooltip.style.right = "auto";
            tooltip.querySelector('.tooltiparrow').style.right = "auto";
        }
        else if ((leftCalculation + tooltipwidth) > canvas.wrapperEl.offsetWidth) {
            /*out of right*/
            /*  nedd more test */
            // if (tooltipBottomX - 15 > (tooltip.getBoundingClientRect().right - 15) - (canvas.wrapperEl.offsetWidth) ) {
            //     arrowMove = (tooltip.getBoundingClientRect().right - 15) - (canvas.wrapperEl.offsetWidth) + 10;
            //     tooltip.style.right = "5px";
            //     tooltip.querySelector('.tooltiparrow').style.right = "calc(50% - "+ arrowMove +"px)";
            // }
            // else{
            //     tooltip.style.right = "5px";
            //     tooltip.querySelector('.tooltiparrow').style.right = "-15px";
            // }
            tooltip.style.left = "auto";
            tooltip.style.right = "0px";
            tooltip.querySelector('.tooltiparrow').style.left = "auto";
            if (obj.group && objCalculationfromright > 7.5) {
                objCalculationfromright -= 7.5;
            }
            if (!obj.group && objCalculationfromright < 0) {
                objCalculationfromright = 0;
            }
            tooltip.querySelector('.tooltiparrow').style.right = objCalculationfromright + "px";
        } else {
            tooltip.querySelector('.tooltiparrow').style.left = "50%";
            tooltip.querySelector('.tooltiparrow').style.right = "auto";
        }
        // overflow top fix
        if (tooltip.getBoundingClientRect().bottom < tooltip.parentElement.getBoundingClientRect().top) {
            tooltip.style.top = "-" + tooltip.getBoundingClientRect().height + "px";
        }
    } else {
        // pc
        // if (e.type.includes("mouse") && e.layerY && e.layerX) {
        //     tooltip.style.top = e.layerY - tooltip.offsetHeight - 15 + "px";
        //     tooltip.style.left = e.layerX - (tooltip.offsetWidth / 2) + "px";
        // }
        if (e.type.includes("mouse") && e.clientY && e.clientX) {
            tooltip.style.top = e.clientY - tooltip.offsetHeight - 15 + "px";
            tooltip.style.left = e.clientX - (tooltip.offsetWidth / 2) + "px";
            $('.cc-price-table-as-grid .attr-grid-row.row').removeClass('hover');
            if (obj.sku && obj.sku.length > 0) {
                var lihover = $('.cc-price-table-as-grid .attr-grid-row.row[data-sku="' + obj.sku + '"]');
                $(lihover).addClass('hover');
                // scrollToLi($(lihover));
            }
        }
    }
    // TO TOUCHES
    // if (e.type.includes("mouse") && e.layerY && e.layerX) {
    //     tooltip.style.top = e.layerY - tooltip.offsetHeight - 15 + "px";
    //     tooltip.style.left = e.layerX - (tooltip.offsetWidth / 2) + "px";
    // }
    // else if(e.touches && e.touches[0] && e.touches[0].clientY && e.touches[0].clientX){
    //     tooltip.style.top = e.touches[0].clientY - tooltip.parentElement.getBoundingClientRect().top - tooltip.offsetHeight - 15 + "px";
    //     tooltip.style.left = e.touches[0].clientX - tooltip.parentElement.getBoundingClientRect().left - (tooltip.offsetWidth / 2) + "px";
    // }
    // else if(e.changedTouches && e.changedTouches[0] && e.changedTouches[0].clientY && e.changedTouches[0].clientX){
    //     tooltip.style.top = e.changedTouches[0].clientY - tooltip.parentElement.getBoundingClientRect().top - tooltip.offsetHeight - 15 + "px";
    //     tooltip.style.left = e.changedTouches[0].clientX - tooltip.parentElement.getBoundingClientRect().left - (tooltip.offsetWidth / 2) + "px";
    // }
    // else{
    //     tooltip.style.top = (((((obj.group.getCenterPoint().y + obj.top) / canvas.height) * canvas.wrapperEl.offsetHeight)) - tooltip.offsetHeight) - 2 + "px";
    //     tooltip.style.left = (((((obj.group.getCenterPoint().x + obj.left) / canvas.width) * canvas.wrapperEl.offsetWidth))- (tooltip.offsetWidth / 2)) + 7 + "px";
    // }
    tooltip.style.transition = "opacity .2s";
    tooltip.style.opacity = 1;
    tooltip.style.zIndex = 5;
    hideTooltipQtyInput();
}
function hideTooltip() {
    var tooltip = document.querySelector('.tooltip');
    if (tooltip) {
        tooltip.style.top = "0px";
        tooltip.style.left = "0px";
        tooltip.style.transition = "none";
        tooltip.style.opacity = 0;
        tooltip.style.zIndex = -1;
        hideTooltipQtyInput();
    }
}
function hideTooltipQtyInput() {
    var tooltip = document.querySelector('.tooltip');
    if (tooltip.querySelector('.qtyinput').children.length > 0) {
        var qtyinput = tooltip.querySelector('.qtyinput').children[0];
        var tooltipqty = tooltip.querySelector('.tooltipqty');
        tooltipqty.classList.add('hidden');
        qtyinput.parentElement.removeChild(qtyinput);
        tooltip.querySelector('.mobile-tooltip-add-btn button').classList.remove('not-available');
    }
}
function addInputToTooltip(obj) {
    var tooltip = document.querySelector('.tooltip');
    var qtyinputClass = tooltip.querySelector('.qtyinput');
    var qtyinput = null;
    var userobj = userSelectedObjects.findIndex(object => object.id == obj.id);
    // var mobile_btn = $(tooltip).find('.mobile-tooltip-add-btn button');
    // (userobj >= 0) ? $(mobile_btn).removeClass('not-available') : $(mobile_btn).addClass('not-available');
    if (qtyinputClass.children.length == 0) {
        var tooltipqty = tooltip.querySelector('.tooltipqty');
        var tooltipqtyinput = tooltipqty.querySelector('.qtyinput');
        qtyinput = document.createElement("input");
        //qtyinput.className = "form-control";
        qtyinput.type = "number";
        qtyinput.dataset.id = obj.id;
        qtyinput.placeholder = "qty";
        qtyinput.min = 0;
        qtyinput.value = (userobj >= 0) ? userSelectedObjects[userobj].qty : 0;
        //var available_Tickets = (availableTickets() <= obj.qty)? availableTickets() : obj.qty;
        qtyinput.max = obj.qtyDefault;
        //qtyinput.max = available_Tickets;
        tooltipqtyinput.appendChild(qtyinput);
        tooltipqty.classList.remove('hidden');
        tooltip.querySelector('.mobile-tooltip-add-btn button').classList.add('not-available');
    }
    // else {
    //     qtyinput = qtyinputClass.querySelector('input');
    //     if (qtyinput.value < qtyinput.max) {
    //     }
    // }
}
function HighlightSelectedObjects() {
    if (canvas && canvas._objects && canvas._objects.length > 0) {
        var shadow = { color: '#555', blur: 5, offsetX: 5, offsetY: 5, opacity: 1 }
        var arr = null;
        try {
            arr = canvas._objects.flatMap(function mapper(obj) {
                return (obj.type == 'group') ? obj._objects.flatMap(mapper) : obj;
            });
        }
        catch (error) {
            arr = canvas._objects.myflatMap(function mapper(obj) {
                return (obj.type == 'group') ? obj._objects.myflatMap(mapper) : obj;
            });
        }
        for (var i = 0; i < arr.length; i++) {
            if (arr[i].qty > 0) {
                (arr[i].type === "Tag") ? arr[i]._objects[0].setShadow(shadow) : arr[i].setShadow(shadow);
            }
        }
        canvas.renderAll();
        // var arr = [];
        // for (var x = 0; x < canvas._objects.length; x++) {
        //     if (canvas._objects[x].type === 'group') {
        //         for (var y = 0; y < canvas._objects[x]._objects.length; y++) {
        //             if (canvas._objects[x]._objects[y].type === 'group') {
        //                 for (var z = 0; z < canvas._objects[x]._objects[y]._objects.length; z++) {
        //                     arr.push(canvas._objects[x]._objects[y]._objects[z]);
        //                 }
        //             } else {
        //                 arr.push(canvas._objects[x]._objects[y]);
        //             }
        //         }
        //     } else {
        //         arr.push(canvas._objects[x]);
        //     }
        // }
        // for (var i = 0; i < arr.length; i++) {
        //     if (arr[i].qty > 0) {
        //         if (arr[i].type !== "i-text" && arr[i].type !== "Tag") {
        //             if (arr[i].stroke)
        //                 arr[i].OLDstroke = arr[i].stroke;
        //             if (arr[i].strokeWidth)
        //                 arr[i].OLDstrokeWidth = arr[i].strokeWidth;
        //             arr[i].stroke = "#0000ff";
        //             arr[i].strokeWidth = 10;
        //             arr[i].strokeDashArray = [10, 5];
        //         } else if (arr[i].type === "Tag") {
        //             arr[i]._objects[0].stroke = "#0000ff";
        //             arr[i]._objects[0].strokeWidth = 2;
        //             arr[i]._objects[0].strokeDashArray = [10, 5];
        //         }
        //     } else if (arr[i].qtyDefault > 0 && arr[i].qty == 0) {
        //         if (arr[i].type !== "i-text" && arr[i].type !== "Tag" && arr[i].fill && arr[i].colorStowed) {
        //             arr[i].fill = arr[i].colorStowed
        //         } else if (arr[i].type === "Tag") {
        //             arr[i]._objects[0].fill = arr[i].colorStowed
        //         }
        //     }
        // }
    }
}
function objAddFromMobileTooltip(_this) { /*test*/
    var this_obj = getObjectBySKU(_this.dataset.sku);
    var tooltip = document.querySelector('.tooltip');
    var qtyinputClass = tooltip.querySelector('.qtyinput');
    var input_val = null;
    if ($('.tooltip .qtyinput input').length > 0) {
        input_val = qtyinputClass.querySelector('input').valueAsNumber;
    }
    if (qtyinputClass.children.length == 0 && this_obj.qty == 1 && this_obj.qtyDefault == 1) {
        addSelectedToList(this_obj);
    }
    else {
        var ul = document.querySelector('.cart-not-empty .ul-list ul');
        var objectIndex = userSelectedObjects.findIndex(object => object.id == this_obj.id);
        var objqtyincart = null;
        if (objectIndex >= 0) {
            objqtyincart = userSelectedObjects[objectIndex].qty;
        }
        if (input_val != null) {
            if (objqtyincart) {
                if (input_val > objqtyincart) {
                    for (var i = 0; i < input_val - objqtyincart; i++) {
                        addSelectedToList(this_obj);
                    }
                }
                else if (objqtyincart > input_val) {
                    for (var i = 0; i < objqtyincart - input_val; i++) {
                        removeSelectedFromList(this_obj);
                    }
                }
            }
            else {
                for (var i = 0; i < input_val; i++) {
                    addSelectedToList(this_obj);
                }
            }
        }
    }
    hideTooltip();
    checkObjectSelectedLength();
    canvas.discardActiveObject();
}
function ungroupallchairs() {
    if (canvas && canvas._objects && canvas._objects.length > 0) {
        for (var i = 0; i < canvas._objects.length; i++) {
            if (canvas._objects[i].type == "group") {
                var items = canvas._objects[i]._objects;
                canvas._objects[i]._restoreObjectsState();
                canvas.remove(canvas._objects[i]);
                for (var i = 0; i < items.length; i++) {
                    items[i].set({ objectCaching: false, renderOnAddRemove: false });
                    canvas.add(items[i]);
                    canvas.item(canvas.size() - 1).hasControls = true;
                }
                ungroupallchairs();
            }
        }
    }
}
function getOpt(event) {
    canvas.targets = [];
    var this_target = canvas._searchPossibleTargets(canvas._objects, canvas.getPointer(event.changedTouches[0]));
    var this_subTargets = canvas.targets;
    var opt = { e: event, target: this_target, subTargets: this_subTargets };
    return opt
}
function removejscssfile(filename, filetype) {
    var targetelement = (filetype == "js") ? "script" : (filetype == "css") ? "link" : "none";
    var targetattr = (filetype == "js") ? "src" : (filetype == "css") ? "href" : "none";
    var allsuspects = document.getElementsByTagName(targetelement);
    for (var i = allsuspects.length; i >= 0; i--) {
        if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(targetattr).indexOf(filename) != -1)
            allsuspects[i].parentNode.removeChild(allsuspects[i]);
    }
}
function collectStats(triggername, objectname, objectqty, objectqtydefault, objectsku, canvaszoom, zoompercentage, canvasviewportTransform, canvastransform, useragent, date, time) {
    var names = arguments.callee.toString().split("(")[1].split(")")[0].replace(/ /g, '').split(",");
    var collectStatsObj = {};
    for (var i = 0; i < arguments.length; i++) {
        collectStatsObj[names[i]] = arguments[i];
    }
    // console.log(collectStatsObj)
}
function availableTickets() {
    var maxTickets = 10;
    return maxTickets - userSelectedObjects.map(a => a.qty).reduce((a, b) => a + b, 0);
}
function scrollToLi(lipick) {
    var ulbase = $('.cc-price-table-as-grid');
    var ullist = $('.cc-price-table-as-grid .attr-grid > div');
    var lilist = $('.cc-price-table-as-grid .attr-grid > div > div');
    var ullistheight = $(ullist).height();
    var lilistheight = 0;
    $(lilist).each(function () {
        lilistheight += $(this).height();
    })
    if (lilistheight > ullistheight) {
        $(ullist).scrollTop(0);
        var diff = $(lipick).offset().top - $(ulbase).offset().top;
        $(ullist).scrollTop(diff);
    }
}
function updateMobileTicketsCounter() {
    var counterSpan = $('#stadium-container .cart-preview .cart-not-empty .mobile-tickets-counter .mobile-tickets-counter-number');
    if ($(counterSpan).length > 0) {
        $(counterSpan).html(userSelectedObjects.map(a => a.qty).reduce((a, b) => a + b, 0));
    }
}
function visibleCanvas() {
    $('.stadium-display .details-rub.choose-items-container').css("visibility", "visible");
}
function selectedPromotion(obj) {
    var tiketLI = $('.cc-price-table-as-grid .attr-grid-row.row[data-sku="' + obj.sku + '"]');
    var objectIndex = userSelectedObjects.findIndex(object => object.sku == obj.sku);
    (objectIndex >= 0) ? $(tiketLI).addClass('selected') : $(tiketLI).removeClass('selected');
    $('.cc-price-table-as-grid .attr-grid > div').scrollTop(0);
}