$(function(){\n setTimeout(function() {\n let shoppingCartWidget = $(\"[data-component-shoppingcart]\");\n if (shoppingCartWidget.length > 0) {\n \n let shoppingCart = init_shopping_cart();\n\n if (!$(document).find('div#addcart_message').length) {\n $('<div id=\"addcart_message\"></div>').prependTo(shoppingCartWidget);\n }\n \n $(\"body\").on(\"click\", \".add-to-cart\", function(event) {\n event.preventDefault();\n let title = $(this).data(\"name\");\n let id = $(this).data(\"id\");\n let ref_object = $(this).data(\"ref_object\");\n let price = Number($(this).data(\"price\"));\n let image = $(this).data(\"image\");\n let image_exist = image ? image : \"\";\n let max_items = $(this).data(\"max_items\");\n let max_items_exist = max_items ? max_items : \"\";\n shoppingCart.removeAllItemsFromCartByKeyVal('object', 'packages');\n shoppingCart.addItemToCart(id, ref_object, title, price, 1,image_exist,max_items_exist);\n displayCart();\n });\n \n shoppingCartWidget.find(\".clear-cart\").click(function() {\n if (confirm('Are you sure you want to Clear the Cart?')) {\n shoppingCart.clearCart();\n displayCart();\n }\n else{\n return false;\n }\n });\n \n function displayCart() {\n $('#shoppingcart_popup .modal-footer').show();\n let cartArray = shoppingCart.listCart();\n let output = \"\";\n console.log(\"cartarray\",cartArray);\n if (cartArray.length >0) { \n for(var i in cartArray) {\n let min_qty_check = cartArray[i].count == 1 ? \"disabled_cart_qty\" : \"cart_qty\";\n console.log(\"min_qty_check\",min_qty_check);\n output += \"<tr><th data-comp-title='Table Cell'class=' draggable first-th' style='text-align: center;'><div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable ml-3'><i data-id=\" + cartArray[i].id + \" class='delete-item fas fa-trash fa-fw draggable' style='font-size: 18px;color: #a1a1a1;'></i></div></th>\"\n + \"<td data-comp-title='Table Cell' class='draggable'><div data-comp-title='Grid Row' class='row mr-0 ml-0 dropzone ui-droppable' data-htmlcomponent-type='html/gridrow'><div data-comp-title='Grid Column' class='col-lg-4 d-none text-center dropzone ui-droppable'><picture data-htmlcomponent-type='widgets/mediamanager' class='draggable' ><img data-component-mediamanager='Product Image' data-comp-title='Media Manager' src=\" + cartArray[i].image + \" style='mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: 50% 50%;-webkit-mask-position: 50% 50%;mask-size: auto 100%;-webkit-mask-size: auto 100%;' data-src=\" + cartArray[i].image + \" data-source='LOCAL' data-license_type='FREE' data-img_id='0' width='100px' height='100px' alt='No Image' </picture></div><div data-comp-title='Grid Column' class='col-lg-8 dropzone ui-droppable' style='display: flex;align-items: center;'><span style='text-transform: uppercase; white-space: nowrap; font-size: 14px;font-weight: 600;' class='draggable'>\"+ cartArray[i].title + \"</span></div></div></td>\"\n + \"<td data-comp-title='Table Cell' class='draggable'><div style='font-weight: 600;' class='dropzone ui-droppable'>$\"+ cartArray[i].price +\"</div></td>\"\n + \"<td data-comp-title='Table Cell' class='draggable'> <div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable'><div class='container'><div class='input-group spinner'><input data-id=\" + cartArray[i].id + \" value=\" + cartArray[i].count + \" type='number' class='item-count form-control' data-comp-title='number Input' class='form-control' style='padding: 0px; width: 63px;text-align: center; height: 52px;'><div class='input-group-btn-vertical'><div data-id=\" + cartArray[i].id + \" class='btn btn-default plus-item'><i class='fa fa-caret-up'></i></div><div data-disabled=\"+min_qty_check+\" data-id=\" + cartArray[i].id + \" class='minus-item btn btn-default'><i class='fa fa-caret-down'></i></div></div></div></div></div></td>\"\n + \"<td data-comp-title='Table Cell' class='draggable'>$\" + cartArray[i].total + \"</td>\"\n + \"</tr>\";\n \n }\n }else{\n output += \"<tr><td colspan='5'>Your Cart is Empty...</td></tr>\";\n $('#shoppingcart_popup .modal-footer').hide();\n }\n shoppingCartWidget.find(\".show-cart\").html(output);\n shoppingCart_totalCart=Number(shoppingCart.totalCart()).toFixed(2);\n shoppingCartWidget.find(\".total-cart\").html(shoppingCart_totalCart);\n shoppingCartWidget.find(\".total-count\").html(shoppingCart.totalCount());\n }\n \n shoppingCartWidget.find(\".show-cart\").on(\"click\", \".delete-item\", function(event) { \n if (confirm('Are you sure you want to remove this item?')) {\n let id = $(this).data(\"id\");\n shoppingCart.removeItemFromCartAll(id);\n displayCart();\n }\n else{\n return false;\n }\n });\n \n shoppingCartWidget.find(\".show-cart\").on(\"click\", \".minus-item\", function(event) {\n let id = $(this).data(\"id\");\n shoppingCart.removeItemFromCart(id);\n displayCart();\n });\n \n shoppingCartWidget.find(\".show-cart\").on(\"click\", \".plus-item\", function(event) {\n let id = $(this).data(\"id\");\n shoppingCart.addItemToCart(id);\n displayCart();\n });\n \n shoppingCartWidget.find(\".show-cart\").on(\"change\", \".item-count\", function(event) {\n let id = $(this).data(\"id\");\n let count = Number($(this).val());\n shoppingCart.setCountForItem(id, count);\n displayCart();\n });\n displayCart();\n }\n }, 2000);\n });