%%GLOBAL_AddToCartButtonControlScript%%
<style>
	.tempob-meio {margin-bottom: 4px;}
	.tempop-meio {margin-bottom: 4px;}
	.FloatLeft {
	    float: left;
	    margin-right: -10px;
	}
	.quantityInput{
		 width: 80px;
	    height: 48px;
	    text-align: center;
	}
</style>
<script type="text/javascript"> 
	$(function () {
		austDay = "%%GLOBAL_FimOferta%%";
		$("#count").countdown({until: austDay, format: "dHMS",
		layout: "<button type='button' class='btn btn-danger btn-sm'>Termina em {dn} dias e {hn}h :{mn}m : {sn}s</button>",onExpiry: false});
	});
</script>
<script type="text/javascript"> 
	$(function () {
		austDay = "%%GLOBAL_FimOferta%%";
		$("#countR").countdown({until: austDay, format: "HMS",
		layout: "<button type='button' class='btn btn-danger btn-sm'>Termina em {hn}h :{mn}m : {sn}s</button>",onExpiry: false});
	});
</script>

<form method="post" action="%%GLOBAL_CartLink%%" onsubmit="return check_add_to_cart(this, %%GLOBAL_ProductOptionRequired%%)"  enctype="multipart/form-data" id="productDetailsAddToCartForm">
	<input type="hidden" name="action" value="add" />
	<input type="hidden" name="product_id" value="%%GLOBAL_ProductId%%" />
	<input type="hidden" name="variation_id" class="CartVariationId" value="" />
	<input type="hidden" name="currency_id" value="" />
	<div id="product">
		%%SNIPPET_ProductFieldsList%%
		<div class="form-horizontal">
			%%SNIPPET_VariationList%%
		</div>

		%%SNIPPET_EventDate%%
		<div style="display:%%GLOBAL_HideColetiva%%;">
				%%GLOBAL_MSGOferta%%
			<div style="display: %%GLOBAL_DisplayAdd%%">
				%%GLOBAL_DIVRelogio%%
				<b>Meta:</b> %%GLOBAL_porcentagemAlcancada%%% alcançada!
				<div class="Label" id="meta"></div>
				<b>%%GLOBAL_porc%%% vendidos </b> 
				<div class="Label" id="vendidos" ></div>
				
			</div>
		</div>
		<div style="display:%%GLOBAL_HideRelampado%%;">
			%%GLOBAL_MSGRelampado%%
			<div style="display: %%GLOBAL_DisplayAdd%%">
				<b>Oferta Relâmpago</b>
				%%GLOBAL_RelampadoRelogio%%
				<div class="Label" id="relampado" ></div>
				<b>%%GLOBAL_porc%%% vendidos</b>  
			</div>
		</div>
		<a href="#"style="display: %%GLOBAL_HideBulkDiscountLink%%;" class="sweet">%%LNG_BulkDiscountLink%%</a>
		<div class="AddCartButton"><!-- oculta botao na variação -->
			<div class="comprar" style="display: %%GLOBAL_DisplayAdd%%">
				<label class="qtde-adicionar-carrinho" style="width: 481px; background: none;margin-top: 5px;box-shadow: none;">
					<select onchange="%%GLOBAL_UpdateCartQtyJs%%" id="qty_%%GLOBAL_CartItemId%%" name="qty[%%GLOBAL_CartItemId%%]" class="quantityInput">
					%%GLOBAL_MaxUsuario%%
					</select>
				</label>
				%%GLOBAL_AddToCartButtonOptimizerScriptTag%%
				<button type="submit" class="botao botao-comprar principal grande" data-placement="left">
					<svg enable-background="new 0 0 453.632 453.632" version="1.1" viewBox="0 0 453.632 453.632" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m374.27 323.96c-6.656-3.072-14.336-4.608-21.504-4.608h-208.9l-7.68-45.056h263.17l54.272-180.74h-348.16l-11.776-67.072h-93.696v32.256h66.048l45.568 266.24c-26.624 13.312-37.376 45.568-24.576 72.192s45.568 37.376 72.192 24.576c25.6-12.8 36.864-43.52 25.6-70.144h118.78c-11.776 27.136 0.512 58.88 27.648 70.656s58.88-0.512 70.656-27.648c12.288-27.136-0.512-58.88-27.648-70.656z"></path></svg>
					Comprar
				</button>
				%%GLOBAL_AddToCartButtonOptimizerNoScriptTag%%
			</div>
			

			

		</div>
	</div>

	<div class="OutOfStockMessage">
		%%SNIPPET_SideAddItemSoldOut%%
	</div>
</form>
<script type="text/javascript" src="%%GLOBAL_ShopPath%%/javascript/progressbar.min.js"></script>

<script>
   var bar = new ProgressBar.Line(meta, {
	  strokeWidth: 5,
	  easing: 'easeInOut',
	  duration: 1400,
	  color: '#FFEA82',
	  trailColor: '#eee',
	  trailWidth: 5,
	  svgStyle: {width: '50%', height: '100%'},
	  from: {color: '#d4edda'},
	  to: {color: '#28a745'},
	  step: (state, bar) => {
	    bar.path.setAttribute('stroke', state.color);
	  }
	});
   	var porcemtagem = %%GLOBAL_porcentagemAlcancada%%
   	var valor_convertido = porcemtagem / 100
	bar.animate(valor_convertido);
</script>
<script>
   var bar = new ProgressBar.Line(vendidos, {
	  strokeWidth: 5,
	  easing: 'easeInOut',
	  duration: 1400,
	  color: '#FFEA82',
	  trailColor: '#eee',
	  trailWidth: 5,
	  svgStyle: {width: '50%', height: '100%'},
	  from: {color: '#f8d7da'},
	  to: {color: '#dc3545'},
	  step: (state, bar) => {
	    bar.path.setAttribute('stroke', state.color);
	  }
	});
   var porcemtagem = %%GLOBAL_porcentagemVendida%%
   var valor_convertido = porcemtagem / 100

	bar.animate(valor_convertido);
</script>
<script>
   var bar = new ProgressBar.Line(relampado, {
	  strokeWidth: 5,
	  easing: 'easeInOut',
	  duration: 1400,
	  color: '#000',
	  trailColor: '#eee',
	  trailWidth: 5,
	  svgStyle: {width: '50%', height: '100%'},
	  from: {color: '#28a745'},
	  to: {color: '#28a745'},
	  step: (state, bar) => {
	    bar.path.setAttribute('stroke', state.color);
	  }
	});
   var porcemtagem = %%GLOBAL_porcentagemVendida%%
   var valor_convertido = porcemtagem / 100

	bar.animate(valor_convertido);
</script>
<script language="javascript" type="text/javascript">
	lang.OptionMessage = "%%GLOBAL_OptionMessage%%";
	lang.VariationSoldOutMessage = "%%LNG_VariationSoldOutMessage%%";
	lang.InvalidQuantity = "%%LNG_InvalidQuantity%%";
	lang.EnterRequiredField = "%%LNG_EnterRequiredField%%";
	lang.InvalidFileTypeJS = "%%LNG_InvalidFileTypeJS%%";
	var ShowAddToCartQtyBox = "%%GLOBAL_ShowAddToCartQtyBox%%";
	%%GLOBAL_ProductMinMaxQtyJavascript%%
</script>

%%GLOBAL_EventDateJavascript%%

<script type="text/javascript">
	jQuery(function ($) {
		jQuery('.sweet').click(function(){
			swal({
				title: "Como Economizar",
				text: "%%GLOBAL_BulkDiscountThickBoxRates%%",
				html: true
			});
		});
	});
</script>