%%GLOBAL_Cupom%%
	<div id="Resumo">
		<div class="step" >
			<form method="post" action="%%GLOBAL_ShopPath%%/checkout.php" name="OrderConfirmationForm" id="OrderConfirmationForm" onsubmit="return ExpressCheckout.ConfirmPaymentProvider()">	
				<input type="hidden" name="action" value="pay_for_order" />
				<div class="ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassConfirmation%%"> 
					<div class="step-title">
						<span class="number onestepcheckout-number onestepcheckout-number-3">%%GLOBAL_etapaResumo%%</span>
	          			<h2>Resumo do pedido</h2>
			            <div style="display: %%GLOBAL_HideEditar%%;">
			            	<a  href="%%GLOBAL_ShopPath%%/cart.php" class="link">
				              <span class="red">EDITAR</span>
				            </a>
				        </div>
	        		</div>

					<div class="BlocoFinaliza">
						<div class="ExpressCheckoutContent" style="display:block">
							<div class="alert alert-danger" style="display: %%GLOBAL_HideCheckoutError%%">%%GLOBAL_CheckoutErrorMsg%%</div>
							<div class="alert alert-success" style="display: %%GLOBAL_HideCheckoutSuccess%%">%%GLOBAL_CheckoutSuccessMsg%%</div>

							<div class="panel panel-default" id="accordion" role="tablist" aria-multiselectable="true" style="border:1px solid #ddd;">
								<div class="panel-heading"  style="padding: 10px 15px;">
									<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseP" aria-expanded="false" aria-controls="collapseOne" class="not_collapsed collapsed">
										Produtos
									</a>
								</div>
										
								<table  id="collapseP" class=" panel-collapse collapse table table-bordered table-striped">
									<thead>
										<tr>
											<th>Produto</th>
											<th>%%LNG_Qty%%</th>
											<th>Pre&ccedil;o</th>
											<th>Total</th>
										</tr>
									</thead>
									<tbody>
										%%SNIPPET_CartItems%%
									</tbody>
								</table>
								<table class="table table-bordered table-striped">
									<tfoot>
										%%GLOBAL_totals%%
									</tfoot>
								</table>
							</div>
							
							<div class="row">
								<div class="col-md-12">
									<div class="panel panel-default" id="accordion" role="tablist" aria-multiselectable="true" style="border:1px solid #ddd; display: %%GLOBAL_HideUseCoupon%%">
										<div class="panel-heading"  style="padding: 10px 15px;">
											<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseOne" class="not_collapsed collapsed">
												%%GLOBAL_RedeemTitle%%
											</a>
										</div>
										<div id="collapseTwo" class="panel-body form-inline panel-collapse collapse" style="padding: 10px 15px;">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="%%LNG_CouponCode1%%" value="" name="couponcode" id="couponcode">
												<span class="input-group-btn">
													<input type="button" class="btn btn-primary" name="apply_code" id="apply_code" value="%%LNG_Apply%%" onclick="return ExpressCheckout.ApplyCouponCode();">
												</span>
											</div>
										</div>
									</div>

									<div class="panel panel-default" id="accordion2" role="tablist" aria-multiselectable="true" style="border:1px solid #ddd;display: %%GLOBAL_HideOrderComments%%">
										<div class="panel-heading" style="padding: 10px 15px;">
											<a role="button" data-toggle="collapse" data-parent="#accordion2" href="#collapse2" aria-expanded="false" aria-controls="collapseOne" class="not_collapsed collapsed">
												%%LNG_EnterOrderComments%%
											</a>
										</div>
										<div class="panel-body panel-collapse collapse" id="collapse2" style="padding: 10px 15px;">
											<textarea name="ordercomments" cols="40" rows="6" class="form-control">%%GLOBAL_OrderComments%%</textarea>
										</div>
									</div>

									<div style="%%GLOBAL_HideOrderTermsAndConditions%%" class="CheckoutHideOrderTermsAndConditions">
										<div class="panel panel-default" id="accordion3" role="tablist" aria-multiselectable="true" style="border:1px solid #ddd;">
											<div class="panel-heading" style="padding: 10px 15px;">
												<a role="button" data-toggle="collapse" data-parent="#accordion3" href="#collapse3" aria-expanded="false" aria-controls="collapseOne" class="not_collapsed collapsed">
													%%LNG_TermsAndConditions%%
												</a>
											</div>

											<div class="panel-body panel-collapse collapse" id="collapse3" style="padding: 10px 15px;">
												<div class="PL20" style="%%GLOBAL_HideTermsAndConditionsTextarea%%">
													<textarea readonly="readonly" cols="53" rows="6" class="form-control">%%GLOBAL_OrderTermsAndConditions%%</textarea>
												</div>

												<div class="PL20 MT10">
													<input type="checkbox" name="AgreeTermsAndConditions" id="AgreeTermsAndConditions" checked="" value="1" / checked> 
													<label for= "AgreeTermsAndConditions">%%GLOBAL_AgreeTermsAndConditions%%</label> %%GLOBAL_TermsAndConditionsLink%%
												</div>

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

							<script type="text/javascript">
							//<![CDATA[
								var payment_method_chosen = false;
								var using_coupon = false;

								/* Make sure they choose a payment provider */
								function confirm_payment_provider() {
									// If they are using a coupon code we don't need to validate any of the form
									if (using_coupon) {
										return true;
									}

									if($('#use_store_credit').css('display') != "none") {
										if($('#store_credit:checked')) {
											if($('#credit_provider_list').css('display') != "none") {
												var length = $('#credit_provider_list').find('input').length;
												if(length == 0) {
													var checked = 1;
												}
												else {
													var checked = $('#credit_provider_list').find('input:checked').length;
												}
											}
											else {
												checked = 1;
											}
										}
										else {
											var length = $('#provider_list').find('input').length;
											if(length == 0) {
												var checked = 1;
											}
											else {
												var checked = $('#provider_list').find('input:checked').length;
											}
										}
									}
									else if ($('#payment_options').css('display') != "none") {
										var length = $('#provider_list').find('input').length;
										if(length == 0) {
											var checked = 1;
										}
										else {
											var checked = $('#provider_list').find('input:checked').length;
										}
									}

									if(checked == 0) {
										$('#bottom_payment_button').val('Selecione a forma de pagamento');//aqui
										swal("Escolha uma forma de pagamento.");
										return false;
									}
									else {
										return true;
									}
								}

								/* Is this an online or offline button? If offline change the submit button */
								function checkout_provider_changed(obj) {
									$('#bottom_payment_button').show();
									console.log("credito 1");
								}

								function update_order_credit_payment(status) {
									var bottom_payment_button = g("bottom_payment_button");

									if(status == true) {
										console.log("credito 2");
										$('#use_store_credit').show();
										$('#provider_list').hide();
										$('#provider_list').removeClass('PL40');
										if($('#credit_provider_list').css('display') != "none") {
											console.log("credito 3");
										}	else {
											console.log("credito 4");
										}
									}
									else {
										console.log("credito 5");
										$('#use_store_credit').hide();
										if($('#provider_list input').length > 1) {
											$('#provider_list').show();
											$('#provider_list').addClass('PL40');
										}
									}
								}

								function ShowContinueButton() {
									var bottom_payment_button = g("bottom_payment_button");
									bottom_payment_button.src = "%%GLOBAL_IMG_PATH%%/PaymentButtonContinue.gif";
									bottom_payment_button.value = "%%LNG_ProceedToPaymentContinue%%";

									var top_payment_button = g("top_payment_button");
									if(top_payment_button) {
										top_payment_button.src = "%%GLOBAL_IMG_PATH%%/PaymentButtonContinue.gif";
										bottom_payment_button.value = "%%LNG_ProceedToPaymentContinue%%";
									}
								}

								$(document).ready(function() {
									$('#couponcode').keypress(function(event) {
										if(event.keyCode == 13) {
											$('#apply_code').trigger('click');
											return false;
										}
									});
									$('#bottom_payment_button').click(function() {
								    $(this).val('Processando.... Por favor, aguarde....');
								  });
								});
							//]]>
							</script>

							<script type="text/javascript">
								%%GLOBAL_ExpressCheckoutLoadPaymentForm%%
								lang.TickArgeeTermsAndConditions = '%%LNG_TickArgeeTermsAndConditions%%';
								$('#provider_list input[type=radio], #credit_provider_list input[type=radio]').click(function() {
									if(!$(this).hasClass('ProviderHasPaymentForm')) {
										ExpressCheckout.HidePaymentForm();
									}else {
										$('#CheckoutStepPaymentDetails').show();
									}
								});
							</script>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>	
<div class="col-md-4">
		<div class="stepPagamento" id="stepPagamento">
			<div class="step">
				<div class="row">
						<div style="display: %%GLOBAL_HidePaymentOptions%%" class="PaymentOptions" id="payment_options">
							<div class="step-title">
						            <span class="number onestepcheckout-number onestepcheckout-number-4">%%GLOBAL_etapaPagamento%%</span>
						            <h2>Pagamento</h2>
						            <div id="trocarforma" style="display:none;">
						            	<a  href="#" onclick="ExpressCheckout.TrocarForma()" class="link">
							              <span class="red">Trocar</span>
							            </a>
							        </div>
							        <div id="trocarformaCredito" style="display:none;">
						            	<a  href="#" onclick="ExpressCheckout.TrocarFormaCredito()" class="link">
							              <span class="red">Troca</span>
							            </a>
							        </div>
						        </div>
							<div style="display: %%GLOBAL_HideUseStoreCredit%%;" id="pontos">
								<p class="MB10">
									<label><input form="OrderConfirmationForm" type="radio" name="store_credit" id="store_credit" value="1" checked = 'checked'  onclick="update_order_credit_payment(true)" /> Utilizar meus <strong>%%GLOBAL_PontosAtual%%</strong> pontos ganhos em compras anteriores nessa Compra, Os pontos ganhos dessa compra serão créditados para uma futura compra.</label>
								</p>
								
								<div id="use_store_credit" class="PL20" style="display: %%GLOBAL_HideUseStoreCredit%%">
									<div id="msg_pontos" class="alert alert-danger" role="alert" style="display: %%GLOBAL_HideLimitedCreditWarning%%">%%GLOBAL_CheckoutStoreCreditWarning%%</div>
									<div class="MB10">
										<table cellpadding="3">
											<tr>
												<td align="right"><strong>%%LNG_StoreCreditBalance%%</strong></td>
												<td align="right" width="100" >%%GLOBAL_StoreCredit%%</td>
											</tr>
											<tr style="display: %%GLOBAL_HideLimitedCreditWarning%%">
												<td align="right"><strong>Restante a pagar:</strong></td>
												<td align="right" width="100" class="ProductPrice">%%GLOBAL_Remaining%%</td>
											</tr>
											<tr id="restante" style="display: %%GLOBAL_HideRemainingStoreCredit%%">
												<td align="right"><strong>%%LNG_RemainingStoreCredit%%</strong></td>
												<td align="right" width="100" style="color: green;">%%GLOBAL_RemainingCredit%%</td>
											</tr>
										</table>
									</div>

									<div class="MB10" style="display: %%GLOBAL_HideLimitedCreditPaymentOption%%" id="Formascredito">
										<br>
										<div class="PL20" id="credit_provider_list" style="display: %%GLOBAL_HideLimitedCreditWarning%%">
											%%GLOBAL_StoreCreditPaymentProviders%%
											%%GLOBAL_CheckoutWith%%
										</div>
									</div>
								</div>
								
								<div class="MB10" style="display: %%GLOBAL_HideCreditAltOptionList%%" id="nopontos">
									<label><input type="radio" name="store_credit" value="0" form="OrderConfirmationForm" onclick="update_order_credit_payment(false); checkout_provider_changed(this);" /> %%GLOBAL_CreditAlt%%</label>
								</div>
							</div>
						</div>

						<div class="PL20" id="provider_list" style="margin-top: 20px;display:%%GLOBAL_HidePaymentProviderList%%">
							%%GLOBAL_PaymentProviders%%
						</div>
						<div class=" ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassPaymentDetails%%" id="CheckoutStepPaymentDetails" style="%%GLOBAL_ExpressCheckoutHidePaymentDetails%%">
							<div class="ExpressCheckoutContent"></div>
						</div>
						<input id="bottom_payment_button" style="display:%%GLOBAL_HideButtomPaymentButton%%" class="btn btn-lg btn-success" type="submit" form="OrderConfirmationForm" value="Selecione a forma de pagamento" />
				</div>
			</div>
		</div>
	</div>