<?php $this->load->view('myweb');?>
<script language="javascript">
var GLOBAL = {
	common : {
		init: function(){
			$('.add_to_cart').bind( 'click', addToCart );
		}
	},
	templateIndex : {
		init: function(){
		}
	},
	templateProduct : {
		init: function(){
		}
	},
	templateCart : {
		init: function(){
		}
	}
}
var UTIL = {
	fire : function(func,funcname, args){
		var namespace = GLOBAL;
		funcname = (funcname === undefined) ? 'init' : funcname;
		if (func !== '' && namespace[func] && typeof namespace[func][funcname] == 'function'){
			namespace[func][funcname](args);
		}
	},
	loadEvents : function(){
		var bodyId = document.body.id;
		UTIL.fire('common');
		$.each(document.body.className.split(/\s+/),function(i,classnm){
			UTIL.fire(classnm);
			UTIL.fire(classnm,bodyId);
		});
	}
};
$(document).ready(UTIL.loadEvents);
Number.prototype.formatMoney = function(c, d, t){
	var n = this, 
		c = isNaN(c = Math.abs(c)) ? 2 : c, 
		d = d == undefined ? "." : d, 
		t = t == undefined ? "." : t, 
		s = n < 0 ? "-" : "", 
		i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", 
		j = (j = i.length) > 3 ? j % 3 : 0;
	return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
};
function addToCart(e){
	if (typeof e !== 'undefined') e.preventDefault();
	var $this = $(this);
	var form = $this.parents('form');		
	$.ajax({
		type: 'POST',
		url: site+'sanpham/cart/add',
		async: false,
		data: form.serialize(),
		dataType: 'json',
		error: addToCartFail,
		beforeSend: function() {},
		success: addToCartSuccess,
		cache: false
	});
}
function addToCartSuccess (jqXHR, textStatus, errorThrown){
	$.ajax({
		type: 'GET',
		url: site+'sanpham/cart/get',
		async: false,
		cache: false,
		dataType: 'json',
		success: function (cart){
			awe.hidePopup('.loading');
			var url_product = jqXHR['url'];
			var class_id = jqXHR['product_id'];
			var name = jqXHR['name'];
			var textDisplay = ('<i style="margin-right:5px; color:red; font-size:13px;" class="fa fa-check" aria-hidden="true"></i>Sản phẩm vừa thêm vào giỏ hàng');
			var id = jqXHR['variant_id'];
			var dataList = $(".item-name a").map(function() {
				var plus = $(this).text();
				return plus;
			}).get();
			$('.title-popup-cart .cart-popup-name').html('<a href="'+ url_product +'" title="'+name+'">'+ name + '</a> ');
			var nameid = dataList,
				found = $.inArray(name, nameid);
			var textfind = found;

			var src = '';
			if(Myweb.resizeImage(jqXHR['image'], 'small') == null || Myweb.resizeImage(jqXHR['image'], 'small') =="null" || Myweb.resizeImage(jqXHR['image'], 'small') ==''){
				src= '<?=skin?>images/noimage.gif'
			}
			else
			{
				src=  Myweb.resizeImage(jqXHR['image'], 'small')
			}
			$(".item-info > p:contains("+id+")").html('<span class="add_sus" style="color:#898989;"><i style="margin-right:5px; color:#3cb878; font-size:14px;" class="fa fa-check" aria-hidden="true"></i>Sản phẩm vừa thêm</span>');
			
			var va_title = jqXHR['variant_title'];

			if (va_title == 'Default Title') {
				va_title = "";
			}else {
				va_title = jqXHR['variant_title'];
			}
			var windowW = $(window).width();
			if(windowW > 1200){		
				/*
				$('#popup-cart').addClass('opencart');
				$('body').addClass('opacitycart');
				*/
				$('html, body').animate({scrollTop: 0}, 500);
				$('.top-cart-content').addClass('visited');
				var timer = undefined;
				if(timer !== undefined) {
					clearTimeout(timer);   
				}
				timer = setTimeout(() => {
					$('.top-cart-content').removeClass('visited');
					timer = undefined;
				}, 2000)
				
			}else{
				$('#popupCartModal').html('');
				var $popupMobile = '<div class="popup_overlay"></div>'
				+'<div class="modal-dialog">'

				+'<div class="modal-content">'
				+ '<button type="button" class="close" data-dismiss="modal" data-backdrop="false" aria-label="Close" style="position: relative; z-index: 9;"><span aria-hidden="true">×</span></button>'
				+ '<div class="row row-noGutter"><div class="modal-left col-sm-12 col-lg-12 col-md-12">'
				+ '<h3 class="title"><i class="fa fa-check"></i> Sản phẩm vừa được thêm <span class="hidden-xs">vào giỏ hàng</span></h3>'

				+ '<div class="modal-body"><div class="media"><div class="media-left thumb_img"><div class="thumb-1x1">'
				+ '<img src="'+ src +'" alt="'+ jqXHR['title'] +'"></div></div>'
				+ '<div class="media-body body_content"><div class="product-title">'+ jqXHR['title'] +'</div>'
				+ '<div class="product-new-price"><span>' + (jqXHR['price']).formatMoney(0) + 'đ</span></div>'
				+ '<div class="variant_title"><span>'+ va_title +'</span></div>'
				+ '</div></div>'
				+ '</div>'
				+ '</div>'
				+ '<div class="modal-right margin-top-10 col-sm-12 col-lg-12 col-md-12">'
				+ '<h4 class="title right_title"><a href="/cart"><i class="fa fa-caret-right"></i> Giỏ hàng hiện có (<span class="cart-popup-count"></span>) sản phẩm </a></h4>'
				+ '<a href="/checkout" class="btn btn-primary checkout_button btn-full">Tiến hành thanh toán <i class="fa fa-arrow-right"></i></a>'
				+ '</div>'
				+ '</div></div>';
				$('#popupCartModal').html($popupMobile);
				$('#popupCartModal').modal(); 
			}
			Myweb.updateCartFromForm(cart, '.top-cart-content .mini-products-list');
			Myweb.updateCartPopupForm(cart, '#popup-cart-desktop .tbody-popup');
		}
	});
}
function addToCartFail(jqXHR, textStatus, errorThrown){
	var response = $.parseJSON(jqXHR.responseText);
	var $info = '<div class="error">'+ response.description +'</div>';
}
$(document).on('click', ".remove-item-cart", function () {
	var variantId = $(this).attr('data-id');
	removeItemCart(variantId);
});
$(document).on('click', ".items-count", function () {
	$(this).parent().children('.items-count').prop('disabled', true);
	var thisBtn = $(this);
	var variantId = $(this).parent().find('.variantID').val();
	var qty =  $(this).parent().children('.number-sidebar').val();
	updateQuantity(qty, variantId);
});
$(document).on('change', ".number-sidebar", function () {
	var variantId = $(this).parent().children('.variantID').val();
	var qty =  $(this).val();
	updateQuantity(qty, variantId);
});
function updateQuantity (qty, variantId){
	var variantIdUpdate = variantId;
	$.ajax({
		type: "POST",
		url: "sanpham/cart/change",
		data: {"quantity": qty, "proid": variantId},
		dataType: "json",
		success: function (cart, variantId) {
			Myweb.onCartUpdateClick(cart, variantIdUpdate);
		},
		error: function (qty, variantId) {
			Myweb.onError(qty, variantId)
		}
	})
}
function removeItemCart (variantId){
	var variantIdRemove = variantId;
	$.ajax({
		type: "POST",
		url: "sanpham/cart/remove",
		data: {"quantity": 0, "proid": variantId},
		dataType: "json",
		success: function (cart, variantId) {
			Myweb.onCartRemoveClick(cart, variantIdRemove);
			$('.productid-'+variantIdRemove).remove();
			if($('.tbody-popup>div').length == '0' ){
				$('#popup-cart').removeClass('opencart');
				$('body').removeClass('opacitycart');
			}
			if($('.list-item-cart>li').length == '0' ){
				$('.mini-products-list').html('<div class="no-item"><p>Không có sản phẩm nào.</p></div>');
			}
			if($('.cart-tbody>div').length == '0' ){
				$('.page_cart').remove();
				$('.header-cart-content').remove();
				$('.title_cart_pc').html('<p class="hidden-xs-down">Không có sản phẩm nào. Quay lại <a href="/" style="color:;">cửa hàng</a> để tiếp tục mua sắm.</p>');
				$('.title_cart_mobile').html('<p class="hidden-xs-down col-xs-12">Không có sản phẩm nào. Quay lại <a href="/" style="color:;">cửa hàng</a> để tiếp tục mua sắm.</p>');
			}
		},
		error: function (variantId, r) {
			trit(variantId);
			//Myweb.onError(variantId, r)
		}
	})
}
function render(props) {
	return function(tok, i) {
		return (i % 2) ? props[tok] : tok;
	};
}
Myweb.updateCartFromForm = function(cart, cart_summary_id, cart_count_id) {
	if ((typeof cart_summary_id) === 'string') {
		var cart_summary = jQuery(cart_summary_id);
		if (cart_summary.length) {
			// Start from scratch.
			cart_summary.empty();
			// Pull it all out.        
			jQuery.each(cart, function(key, value) {
				if (key === 'items') {
					var table = jQuery(cart_summary_id);           
					if (value.length) {   
						jQuery('<ul class="list-item-cart"></ul>').appendTo(table);
						jQuery.each(value, function(i, item) {	
							var buttonQty = "";
							if(item.quantity == '1'){
								buttonQty = 'disabled';
							}else{
								buttonQty = '';
							}
							var link_img0 = item.image;	//Myweb.resizeImage(item.image, 'compact');
							if(link_img0=="null" || link_img0 =='' || link_img0 ==null){
								link_img0 = '<?=skin?>images/noimage.gif';
							}
														
							if(item.variant_title == 'Default Title'){
								var ItemDropCart = [{
								url: item.url,
								image_url: link_img0,
								price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
								title: item.title,
								buttonQty: buttonQty,
								quanty: item.quantity,
								id_item: item.variant_id,
								variant_title: ''
								}]
							}else {
								var ItemDropCart = [{
									url: item.url,
									image_url: link_img0,
									price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
									title: item.title,
									buttonQty: buttonQty,
									quanty: item.quantity,
									id_item: item.variant_id,
									variant_title: item.variant_title
								 
								}]
							}							
														
							$(function() {
								var TemplateItemDropCart = $('script[data-template="ItemDropCart"]').text().split(/\$\{(.+?)\}/g);
								$('.list-item-cart').append(ItemDropCart.map(function(item) {
									return TemplateItemDropCart.map(render(item)).join('');
								}));
							});
						}); 
						jQuery('<div class="pd"><div class="top-subtotal">Tổng cộng: <span class="price price_big">' + cart.total_price + '</span></div></div>').appendTo(table);
						jQuery('<div class="pd right_ct"><a href="'+site+'/gio-hang.html" class="btn btn-primary"><i class="fas fa-shopping-basket iconcart"></i><span>Tới giỏ hàng và thanh toán</span></a></div>').appendTo(table);
					}
					else {
						jQuery('<div class="no-item"><p>Không có sản phẩm nào.</p></div>').appendTo(table);

					}
				}
			});
		}
	}
	//Myweb.formatMoney(cart.total_price, "{{amount_no_decimals_with_comma_separator}}₫")
	updateCartDesc(cart);
	var numInput = document.querySelector('#cart-sidebar input.input-text');
	if (numInput != null){
		// Listen for input event on numInput.
		numInput.addEventListener('input', function(){
			// Let's match only digits.
			var num = this.value.match(/^\d+$/);
			if (num == 0) {
				// If we have no match, value will be empty.
				this.value = 1;
			}
			if (num === null) {
				// If we have no match, value will be empty.
				this.value = "";
			}
		}, false)
	}
}
Myweb.updateCartPageForm = function(cart, cart_summary_id, cart_count_id) {
	if ((typeof cart_summary_id) === 'string') {
		var cart_summary = jQuery(cart_summary_id);
		if (cart_summary.length) {
			// Start from scratch.
			cart_summary.empty();
			// Pull it all out.        
			jQuery.each(cart, function(key, value) {
				if (key === 'items') {
					var table = jQuery(cart_summary_id);           
					if (value.length) {  
		
						var HeaderCartPc = $('script[data-template="HeaderCartPc"]').text().split(/\$\{(.+?)\}/g);
						var pageCartCheckout = $('script[data-template="pageCartCheckout"]').text().split(/\$\{(.+?)\}/g);
						
						$(table).append((function() {
							return HeaderCartPc.map(render()).join('');
						}));
												
						jQuery.each(value, function(i, item) {
							var buttonQty = "";
							if(item.quantity == '1'){
								buttonQty = 'disabled';
							}else{
								buttonQty = '';
							}
							var link_img1 = item.image;		//Myweb.resizeImage(item.image, 'compact');
							if(link_img1=="null" || link_img1 =='' || link_img1 ==null){
								link_img1 = '<?=skin?>images/noimage.gif';
							}
							
							
							if(item.variant_title == 'Default Title'){
								var ItemCartPage = [{
								  url: item.url,
								  image_url: link_img1,
								  price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
								  title: item.title,
								  buttonQty: buttonQty,
								  quanty: item.quantity,
								  variant_title: item.variant_title,
								  price_quanty: item.price * item.quantity,	//Myweb.formatMoney(item.price * item.quantity, "{{amount_no_decimals_with_comma_separator}}₫"),
								  id_item: item.variant_id,
								  variant_title: ''
								}]
							}else {
								var ItemCartPage = [{
								  url: item.url,
								  image_url: link_img1,
								  price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
								  title: item.title,
								  buttonQty: buttonQty,
								  quanty: item.quantity,
								  variant_title: item.variant_title,
								  price_quanty: item.price * item.quantity,		//Myweb.formatMoney(item.price * item.quantity, "{{amount_no_decimals_with_comma_separator}}₫"),
								  id_item: item.variant_id
								}]
							}
							
							$(function() {
								var pageCartItem = $('script[data-template="pageCartItem"]').text().split(/\$\{(.+?)\}/g);
								$(table.find('.cart-tbody')).append(ItemCartPage.map(function(item) {
									return pageCartItem.map(render(item)).join('');
									
								}));
							});
							
						}); 
						
						var PriceTotalCheckout = [{
							  price_total: cart.total_price	//Myweb.formatMoney(cart.total_price, "{{amount_no_decimals_with_comma_separator}}₫")
						}];				
						$(table.children('.cart')).append(PriceTotalCheckout.map(function(item) {
							return pageCartCheckout.map(render(item)).join('');
						}));
					}else {
						jQuery('<p class="hidden-xs-down ">Không có sản phẩm nào. Quay lại <a href="/cua-hang.html" style="color:;">cửa hàng</a> để tiếp tục mua sắm.</p>').appendTo(table);
						 jQuery('.cart_desktop_page').css('min-height', 'auto');
					}
				}
			});
		}
	}
	updateCartDesc(cart);
	jQuery('#wait').hide();

}
Myweb.updateCartPopupForm = function(cart, cart_summary_id, cart_count_id) {

	if ((typeof cart_summary_id) === 'string') {
		var cart_summary = jQuery(cart_summary_id);
		if (cart_summary.length) {
			// Start from scratch.
			cart_summary.empty();
			// Pull it all out.        
			jQuery.each(cart, function(key, value) {
				if (key === 'items') {
					var table = jQuery(cart_summary_id);           
					if (value.length) { 
						jQuery.each(value, function(i, item) {
							var src = item.image;
							if(src == null){
								src = "<?=skin?>images/noimage.gif";
							}
							var buttonQty = "";
							if(item.quantity == '1'){
								buttonQty = 'disabled';
							}else{
								buttonQty = '';
							}
												  
							if(item.variant_title == 'Default Title'){				  
								var ItemPopupCart = [{
									  url: item.url,
									  image_url: src,
									  price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
									  title: item.title,
									  quanty: item.quantity,
									  variant_title: '',
									  price_quanty: item.price,	//Myweb.formatMoney(item.price * item.quantity, "{{amount_no_decimals_with_comma_separator}}₫"),
									  id_item: item.variant_id
								}];
							}else {
								var ItemPopupCart = [{
									  url: item.url,
									  image_url: src,
									  price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
									  title: item.title,
									  quanty: item.quantity,
									  variant_title: item.variant_title,
									  price_quanty: item.price,	//Myweb.formatMoney(item.price * item.quantity, "{{amount_no_decimals_with_comma_separator}}₫"),
									  id_item: item.variant_id
								}];
							}
							
					
							$(function() {
								var TemplateItemPopupCart = $('script[data-template="TemplateItemPopupCart"]').text().split(/\$\{(.+?)\}/g);
								$(table).append(ItemPopupCart.map(function(item) {
									return TemplateItemPopupCart.map(render(item)).join('');
								}));
							});					  
							
							$('.link_product').text();
						}); 
					}
				}
			});
		}
	}
	jQuery('.total-price').html(cart.total_price);	//Myweb.formatMoney(cart.total_price, "{{amount_no_decimals_with_comma_separator}}₫")
	updateCartDesc(cart);
}
Myweb.updateCartPageFormMobile = function(cart, cart_summary_id, cart_count_id) {
	if ((typeof cart_summary_id) === 'string') {
		var cart_summary = jQuery(cart_summary_id);
		if (cart_summary.length) {
			// Start from scratch.
			cart_summary.empty();
			// Pull it all out.        
			jQuery.each(cart, function(key, value) {
				if (key === 'items') {
					var table = jQuery(cart_summary_id);           
					if (value.length) {   
						jQuery('<div class="cart_page_mobile content-product-list"></div>').appendTo(table);
						jQuery.each(value, function(i, item) {
							if( item.image != null){
								var src = item.image;	//Myweb.resizeImage(item.image, 'compact');
							}else{
								var src = "<?=skin?>images/noimage.gif";
							}
							
							if(item.variant_title == 'Default Title'){				  
								var ItemCartPageMobile = [{
									  url: item.url,
									  image_url: src,
									  price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
									  title: item.title,
									  quanty: item.quantity,
									  variant_title: '',
									  price_quanty: item.price,	//Myweb.formatMoney(item.price * item.quantity, "{{amount_no_decimals_with_comma_separator}}₫"),
									  id_item: item.variant_id
								}];
							}else {
								var ItemCartPageMobile = [{
									  url: item.url,
									  image_url: src,
									  price: item.price,	//Myweb.formatMoney(item.price, '{{amount_no_decimals_with_comma_separator}}₫'),
									  title: item.title,
									  quanty: item.quantity,
									  variant_title: item.variant_title,
									  price_quanty: item.price,	//Myweb.formatMoney(item.price * item.quantity, "{{amount_no_decimals_with_comma_separator}}₫"),
									  id_item: item.variant_id
								}];
							}
							$(function() {
								var pageCartItemMobile = $('script[data-template="ItemCartMobile"]').text().split(/\$\{(.+?)\}/g);
								$(table.children('.content-product-list')).append(ItemCartPageMobile.map(function(item) {
									return pageCartItemMobile.map(render(item)).join('');
								}));
							});

						})
						
						var pageCartCheckoutMobile = $('script[data-template="pageCartCheckoutMobile"]').text().split(/\$\{(.+?)\}/g);  
						var PriceTotalCheckoutMobile = [{
							price_total: cart.total_price	//Myweb.formatMoney(cart.total_price, "{{amount_no_decimals_with_comma_separator}}₫")
						}];				
						$(table).append(PriceTotalCheckoutMobile.map(function(item) {
							return pageCartCheckoutMobile.map(render(item)).join('');
						}));
					}
				}
			});
		}
	}
	updateCartDesc(cart);
}
function updateCartDesc(data){
	var $cartPrice = data.total_price,	//Myweb.formatMoney(data.total_price, "{{amount_no_decimals_with_comma_separator}}₫"),
		$cartMobile = $('#header .cart-mobile .quantity-product'),
		$cartDesktop = $('.count_item_pr, .count_sidebar, .cart-popup-count'),
		$cartDesktopList = $('.cart-counter-list'),
		$cartPopup = $('.cart-popup-count');

	switch(data.item_count){
		case 0:
			$cartMobile.text('0');
			$cartDesktop.text('0');
			$cartDesktopList.text('0');
			$cartPopup.text('0');

			break;
		case 1:
			$cartMobile.text('1');
			$cartDesktop.text('1');
			$cartDesktopList.text('1');
			$cartPopup.text('1');

			break;
		default:
			$cartMobile.text(data.item_count);
			$cartDesktop.text(data.item_count);
			$cartDesktopList.text(data.item_count);
			$cartPopup.text(data.item_count);

			break;
	}
	$('.top-cart-content .top-subtotal .price, aside.sidebar .block-cart .subtotal .price, .popup-total .total-price').html($cartPrice);
	$('.popup-total .total-price').html($cartPrice);
	$('.shopping-cart-table-total .totals_price, .price_sidebar .price_total_sidebar').html($cartPrice);
	$('.header-cart-price .totals_price_mobile').html($cartPrice);
	$('.cartCount, .cart-popup-count').html(data.item_count);
}
Myweb.onCartUpdate = function(cart) {
	Myweb.updateCartFromForm(cart, '.mini-products-list');
	Myweb.updateCartPopupForm(cart, '#popup-cart-desktop .tbody-popup');
};
Myweb.onCartUpdateClick = function(cart, variantId) {
	jQuery.each(cart, function(key, value) {
		 if (key === 'items') {    
			 jQuery.each(value, function(i, item) {	
				 if(item.variant_id == variantId){
					 $('.productid-'+variantId).find('.cart-price span.price').html(item.price*item.quantity);	
					 //Myweb.formatMoney(item.price*item.quantity,"{{amount_no_decimals_with_comma_separator}}₫")
					 $('.productid-'+variantId).find('.items-count').prop("disabled", false);
					 $('.productid-'+variantId).find('.number-sidebar').prop("disabled", false);
					 $('.productid-'+variantId +' .number-sidebar').val(item.quantity);
					 if(item.quantity == '1'){
						 $('.productid-'+variantId).find('.items-count.btn-minus').prop("disabled", true);
					 }
				 }
			 }); 
		 }
	});
	updateCartDesc(cart);
}
Myweb.onCartRemoveClick = function(cart, variantId) {
	jQuery.each(cart, function(key, value) {
		 if (key === 'items') {    
			 jQuery.each(value, function(i, item) {	
				 if(item.variant_id == variantId){
					 $('.productid-'+variantId).remove();
				 }
			 }); 
		 }
	});
	updateCartDesc(cart);
}
$(window).ready(function(){
	$.ajax({
		 type: 'GET',
		 url: site+'sanpham/cart/get',
		 async: false,
		 cache: false,
		 dataType: 'json',
		 success: function (cart){
			 Myweb.updateCartFromForm(cart, '.mini-products-list');
			 Myweb.updateCartPopupForm(cart, '#popup-cart-desktop .tbody-popup'); 
			 
			 Myweb.updateCartPageFormMobile(cart, '.cart-mobile .header-cart-content');
			 Myweb.updateCartPageForm(cart, '.cart_desktop_page');
		}
	});
	var wDWs = $(window).width();
	if (wDWs < 1199) {
		$('.top-cart-content').remove();
	}
});
</script>
<!--ItemDropCart-->
<script type="text/x-custom-template" data-template="ItemDropCart">
<li class="item productid-${id_item}">
	<div class="border_list"><div class="image_drop">
		<a class="product-image" href="${url}" title="${title}">
			<img alt="${title}" src="${image_url}"width="'+ '100' +'"\>
		</a>
		</div>
		<div class="detail-item">
			<div class="product-details">
				<span href="javascript:;" data-id="${id_item}" title="Xóa" class="remove-item-cart fa fa-times"></span>
				<p class="product-name"> <a href="${url}" title="${title}">${title}</a></p></div>
			<div class="product-details-bottom"><span class="price">${price}</span>
				<div class="quantity-select qty_drop_cart">
					<input class="variantID" type="hidden" name="proid" value="${id_item}">
					<button onClick="var result = document.getElementById('qty${id_item}'); var qty${id_item} = result.value; if( !isNaN( qty${id_item} ) && qty${id_item} &gt; 1 ) result.value--;return false;" class=" btn_reduced reduced items-count btn-minus" ${buttonQty} type="button">–</button>
					<input type="text" maxlength="3" min="1" readonly class="input-text number-sidebar qty${id_item}" id="qty${id_item}" name="Lines" id="updates_${id_item}" size="4" value="${quanty}">
					<button onClick="var result = document.getElementById('qty${id_item}'); var qty${id_item} = result.value; if( !isNaN( qty${id_item} )) result.value++;return false;" class=" btn_increase increase items-count btn-plus" type="button">+</button>
				</div>
			</div>
		</div>
	</div>
</li>
</script>
<!--HeaderCartPc-->
<script type="text/x-custom-template" data-template="HeaderCartPc">
<div class="cart page_cart hidden-xs hidden-sm row ">
	<div class="col-lg-12 col-xl-12 col-md-12">
		<h1 class="title_cart">
			<span>Giỏ hàng của bạn</span>
		</h1>
	</div>
	<form action="<?=site?>gio-hang.html" method="post" novalidate class="formcartpage col-lg-12 col-xl-12 col-md-12 margin-bottom-0">
		<div class="bg-scroll">
			<div class="cart-thead hidden">
				<div style="width: 22%" class="a-left">Ảnh sản phẩm</div>
				<div style="width: 28%" class="a-left">Tên sản phẩm</div>
				<div style="width: 15%" class="a-left">Giá bán lẻ</div>
				<div style="width: 10%" class="a-center">Số lượng</div>
				<div style="width: 15%" class="a-center">Tạm tính</div>
				<div style="width: 10%" class="a-center"></div>
			</div>
			<div class="cart-tbody"></div>
		</div>
	</form>
</div>
</script>
<!--pageCartCheckout-->
<script type="text/x-custom-template" data-template="pageCartCheckout">
<div class="col-lg-12 col-xl-12 col-md-12">
	<div class="wrapbottomcart">
		<div class="section continued">
		
			<div class="bg_cart shopping-cart-table-total">
				<div class="table-total">
					<table class="table">
						<tr>
							<td class="total-text f-left">Tổng tiền</td>
							<td class="txt-right totals_price price_end f-right">${price_total}</td>
						</tr>
					</table>
				</div>
				<a href="<?=site?>cua-hang.html" class="form-cart-continue"><i class="fas fa-reply"></i>Tiếp tục mua hàng</a>
				<a href="<?=site?>thanh-toan.html" class="btn-checkout-cart button_checkfor_buy"><i class="fas fa-check"></i>Tiến hành thanh toán</a>
			</div>
		</div>
	
	</div>
</div>
</script>
<!--pageCartItem-->
<script type="text/x-custom-template" data-template="pageCartItem">
<div class="item-cart productid-${id_item}">
	<div style="width: 15%" class="image">
		<a class="product-image a-left" title="${title}" href="${url}">
			<img width="75" height="auto" alt="${title}" src="${image_url}">
		</a>
	</div>
	<div style="width: 30%" class="a-left contentcart">
		<h3 class="product-name"> <a class="text2line" href="${url}" title="${title}">${title}</a> </h3>
		<span class="cart-prices"><span class="prices">${price}</span></span> 
		<!--<span class="variant-title">${variant_title}</span>-->
	</div>
	<div style="width: 25%" class="a-center">
		<div class="input_qty_pr">
			<input class="proid" type="hidden" name="proid" value="${id_item}">
			<input type="text" maxlength="3" readonly min="0" class="check_number_here input-text number-sidebar input_pop input_pop qtyItem${id_item}" id="qtyItem${id_item}" name="Lines" id="updates_${id_item}" size="4" value="${quanty}">
			<button onClick="var result = document.getElementById('qtyItem${id_item}'); var qtyItem${id_item} = result.value; if( !isNaN( qtyItem${id_item} )) result.value++;return false;" class="increase_pop items-count btn-plus" type="button"><i class="fas fa-plus-circle"></i></button>
			<button onClick="var result = document.getElementById('qtyItem${id_item}'); var qtyItem${id_item} = result.value; if( !isNaN( qtyItem${id_item} ) &amp;&amp; qtyItem${id_item} &gt; 1 ) result.value--;return false;" ${buttonQty} class="reduced_pop items-count btn-minus" type="button"><i class="fas fa-minus-circle"></i></button>
		</div>
	</div>
	<div style="width: 12%" class="a-center">
		<span class="cart-price">
			<span class="price">${price_quanty}</span> 
		</span>
	</div>
	<div style="width: 18%" class="a-center">
		<a class="remove-itemx remove-item-cart" title="Xóa" href="javascript:;" data-id="${id_item}">
			<span><i class="fa fa-times"></i></span>
		</a>
	</div>
</div>
</script>
<!--ItemCartMobile-->
<script type="text/x-custom-template" data-template="ItemCartMobile">
<div class="item-product item productid-${id_item} ">
	<div class="item-product-cart-mobile">
		<a href="${url}">	
			<a class="product-images1" href=""  title="${title}">
				<img width="80" height="150" src="${image_url}" alt="${title}">
			</a>
		</a>
	</div>
	<div class="title-product-cart-mobile">
		<h3>
			<a href="${url}" title="${title}">${title}</a>
			<em style="font-size:11px; display:block">${variant_title}</em>
		</h3>
		<p>
			Giá: <span>${price}</span>
		</p>
	</div>
	<div class="select-item-qty-mobile">
		<div class="txt_center">
			<input class="variantID" type="hidden" name="variantId" value="${id_item}">
			<button onClick="var result = document.getElementById('qtyMobile${id_item}'); var qtyMobile${id_item} = result.value; if( !isNaN( qtyMobile${id_item} ) &amp;&amp; qtyMobile${id_item} &gt; 1 ) result.value--;return false;" class="reduced items-count btn-minus" type="button"><i class="fas fa-minus-circle"></i></button>
			<input type="text" maxlength="3" min="1" class="input-text number-sidebar qtyMobile${id_item}" id="qtyMobile${id_item}" name="Lines" id="updates_${id_item}" size="4" value="${quanty}">
			<button onClick="var result = document.getElementById('qtyMobile${id_item}'); var qtyMobile${id_item} = result.value; if( !isNaN( qtyMobile${id_item} )) result.value++;return false;" class="increase items-count btn-plus" type="button"><i class="fas fa-plus-circle"></i></button>
		</div>
		<a class="button remove-item remove-item-cart" href="javascript:;" data-id="${id_item}">Xoá</a>
	</div>
</div>
</script>
<!--pageCartCheckoutMobile-->
<script type="text/x-custom-template" data-template="pageCartCheckoutMobile">
<div class="header-cart-price">
	<div class="title-cart">
		<h3 class="text-xs-left">Tổng tiền</h3>
		<a class="text-xs-right  totals_price_mobile">${price_total}</a>
	</div>
	<div class="checkout">
		<button class="btn-proceed-checkout-mobile" title="Tiến hành thanh toán" type="button" onclick="window.location.href='<?=site?>thanh-toan.html'">
			<span>Tiến hành thanh toán</span></button>
		<button class="btn btn-white f-left" title="Tiếp tục mua hàng" type="button" onclick="window.location.href='<?=site?>cua-hang.html'">
			<span>Tiếp tục mua hàng</span>
		</button>
	</div>
</div>
</script>
<!--TemplateItemPopupCart-->
<script type="text/x-custom-template" data-template="TemplateItemPopupCart">
<div class="item-popup productid-${id_item}">
	<div style="width: 13%;" class="border height image_ text-left">
		<div class="item-image">
			<a class="product-image" href="${url}" title="${title}">
				<img alt="${title}" src="${image_url}"width="'+ '90' +'"\>
			</a>
		</div>
	</div>
	<div style="width:35.8%;" class="height text-left fix_info">
		<div class="item-info">
			<p class="item-name">
				<a class="text2line textlinefix" href="${url}" title="${title}">${title}</a>
			</p>
			<span class="variant-title-popup">${variant_title}</span>
			<a href="javascript:;" class="remove-item-cart" title="Xóa" data-id="${id_item}">
				<i class="fa fa-times"></i>&nbsp;&nbsp;Bỏ sản phẩm
			</a>
			<p class="addpass" style="color:#fff;margin:0px;">${id_item}</p>
		</div>
	</div>
	<div style="width: 19.9%;" class="border height text-center">
		<div class="item-price">
			<span class="price">${price}</span>
		</div>
	</div>
	<div style="width: 17%;" class="border height text-center">
		<div class="qty_h check_">
			<input class="variantID" type="hidden" name="variantId" value="${id_item}">
			<button onClick="var result = document.getElementById('qtyItemP${id_item}'); var qtyItemP${id_item} = result.value; if( !isNaN( qtyItemP${id_item} ) &amp;&amp; qtyItemP${id_item} &gt; 1 ) result.value--;return false;" ${buttonQty} class="num1 reduced items-count btn-minus" type="button">-</button>
			<input type="text" maxlength="3" min="0" readonly class="input-text number-sidebar qtyItemP${id_item}" id="qtyItemP${id_item}" name="Lines" id="updates_${id_item}" size="4" value="${quanty}">
			<button onClick="var result = document.getElementById('qtyItemP${id_item}'); var qtyItemP${id_item} = result.value; if( !isNaN( qtyItemP${id_item} )) result.value++;return false;" class="num2 increase items-count btn-plus" type="button">+</button>
		</div>
	</div>
	<div style="width: 16.2%;" class="border height text-center">
		<span class="cart-price">
			<span class="price">${price_quanty}</span>
		</span>
	</div>
</div>
</script>
<div id="popup-cart" class="popcart">
	<div id="popup-cart-desktop" class="clearfix">
		<div class="title-popup-cart">
			<span class="your_product"><i class="fas fa-check"></i>Bạn đã thêm <span class="cart-popup-name"></span> vào giỏ hàng </span>
		</div>
		<a title="Đóng" class="quickview-close close-pop"><i class="fas fa-times"></i></a>
		<div class="wrap_popup">
			<div class="title-quantity-popup">
				<i class="fa fa-shopping-cart"></i><span class="cart_status" onclick="window.location.href='<?=site?>gio-hang.html';">Giỏ hàng của bạn có <span class="cart-popup-count">0</span> sản phẩm </span>
			</div>
			<div class="content-popup-cart">
				<div class="thead-popup">
					<div style="width: 50%;" class="text-left">Sản phẩm</div>
					<div style="width: 20%;" class="text-center">Đơn giá</div>
					<div style="width: 15%;" class="text-center">Số lượng</div>
					<div style="width: 15%;" class="text-center">Thành tiền</div>
				</div>
				<div class="tbody-popup scrollbar-dynamic"></div>
				<div class="tfoot-popup section">
					<div class="section footer-popup">
						<div class="inline-block f-left">
							<span class="block">
								Giao hàng trên toàn quốc
							</span>
							<a class="f-left button buy_ btn-proceed-checkout close-pop" title="tiếp tục mua hàng"><span><i class="fa fa-caret-left"></i>Tiếp tục mua hàng</span></a>
						</div>
						<div class="tfoot-popup-1 f-right inline-block clearfix">
							<span class="total-p popup-total">Thành tiền: <span class="total-price">0₫</span></span>
						</div>
					</div>
					<div class="tfoot-popup-2 clearfix section">
						<a class="button checkout_ btn-proceed-checkout" title="Tiến hành đặt hàng" href="<?=site?>thanh-toan.html"><span>Tiến hành đặt hàng<i class="fa fa-arrow-right" aria-hidden="true"></i></span></a>

					</div>
				</div>
			</div>
		</div>
	</div>

</div>
<script src="<?=skin?>js/index.js" type="text/javascript"></script>
<script src="<?=skin?>js/main.js" type="text/javascript"></script>
<script type="text/javascript">
var timer = undefined;
timer = setTimeout(() => {
	//<![CDATA[ 
	function loadCSS(e, t, n) { 
		"use strict";
		var i = window.document.createElement("link"); 
		var o = t || window.document.getElementsByTagName("footer")[0]; 
		i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o);
		setTimeout(function () { 
			i.media = n || "all" 
		}) 
	}
	loadCSS("https://use.fontawesome.com/releases/v5.7.2/css/all.css");
	loadCSS("https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css");
	//]]> 
	timer = undefined;
}, 1500)
</script>
<div id="popupCartModal" class="modal fade" role="dialog"></div>