{literal}
	<script>
			$(document).ready(function(){
			 window.onload = function () {
				 var position=$(window).scrollTop();
				 if(position < 270){
					window.setTimeout(function(){
					$("html, body").animate({ scrollTop: $('#cart_section').offset().top + 'px'
							}, 1, 'swing');
							$('html, body').css({'overflow': 'auto'});
					},10); 
				}
				else
				{
					window.setTimeout(function(){
					$("html, body").animate({ scrollTop: position + 'px'
							}, 1, 'swing');
							$('html, body').css({'overflow': 'auto'});
					},10); 
				}
			}
		});
			
	</script>
{/literal}

{include file="templates/panels/panel-catalog-categories.html"}
<div id="cart_section">
<div data-role="header">
<h1>{$msg.cart.your_cart}</h1>
</div>
<div data-role="content">
{if $order->itemsCount> 0}

<!--
<iframe id="ajax_iframe" name="ajax_iframe" onload="xajax.iframeLoaded()" src="javascript:false;" style="display:none;height:1px;"></iframe>
-->
<script type="text/javascript">
var AllowCreateAccount = '{$AllowCreateAccount}';
var CheckoutProcessMode = '{$CheckoutProcessMode}';
var ORDER_CHECK_PROMO = '{$ORDER_CHECK_PROMO}';
var USER_EXPRESS_CHECKOUT = '{$USER_EXPRESS_CHECKOUT}';
var ORDER_BILLING_AND_SHIPPING_ADDRESS = '{$ORDER_BILLING_AND_SHIPPING_ADDRESS}';
var ORDER_ONE_PAGE_CHECKOUT = '{$ORDER_ONE_PAGE_CHECKOUT}';
var ORDER_UPDATE_ITEMS = '{$ORDER_UPDATE_ITEMS}';
var ORDER_CONTINUE_SHOPPING = '{$ORDER_CONTINUE_SHOPPING}';
{literal}
function setupGoogle()
{
var action = document.forms["frmGoogle"].elements["action"].value;
var zip_code = document.forms["frmGoogle"].elements["google_zip"].value;
if(zip_code == "") {
alert(msg.please_enter_zip_code);
return false;
}
xajax_processAjaxAction(action, zip_code);
return  false;
}
//start checkout process if user is not log on
function startCheckOut()
{
if (AllowCreateAccount != "No")
{
document.forms["frmCart"].elements["oa"].value = ORDER_CHECK_PROMO;
document.forms["frmCart"].submit();
}
else
{
document.forms["frmCart"].elements["ua"].value = USER_EXPRESS_CHECKOUT;
document.forms["frmCart"].elements["oa"].value = CheckoutProcessMode=="Traditional" ? ORDER_BILLING_AND_SHIPPING_ADDRESS : ORDER_ONE_PAGE_CHECKOUT;
document.forms["frmCart"].submit();
}
return false;
}
//for logon user - go to billing and shippinf form OR one page checkout
function continueCheckout()
{
document.forms["frmCart"].elements["oa"].value = CheckoutProcessMode=="Traditional" ? ORDER_BILLING_AND_SHIPPING_ADDRESS : ORDER_ONE_PAGE_CHECKOUT;
document.forms["frmCart"].submit();
}
//only update items
function orderUpdateItems()
{
document.forms["frmCart"].elements["oa"].value = ORDER_UPDATE_ITEMS;
document.forms["frmCart"].submit();
}
//continu shopping
function continueShopping()
{
document.forms["frmCart"].elements["oa"].value = ORDER_CONTINUE_SHOPPING;
document.forms["frmCart"].submit();
}
$(document).ready(function(){
$("#insureship_active").change(function(){
$('#form-cart').submit();
});
})
--></script>
<style>
a.button-checkout-2 {
    background:linear-gradient(to bottom,#389dce,#1ca2e3) rgba(0,0,0,0);
}
</style>

{/literal}

{assign var="showCheckoutButton" value="true"}
{if !$min_subtotal_error && $paypal_ec_active}
{** PAYPAL CHECKOUT **}
{if $paypal_ec_active}
{capture assign="button_paypal_ec"}
<!--<div class="center-button">
{if $paypal_ec_return_is_error}
<div class="ui-corner-all ui-shadow msg-error">
{$msg.cart.paypal_errors_back}
<ul>
{foreach from=$paypal_ec_return_errors item="pperr"}
<li>{$pperr}</li>
{/foreach}
</ul>
</div>
{/if}
{if $paypal_ec_is_error}
<div class="ui-corner-all ui-shadow msg-error">
{$msg.cart.paypal_errors}:
<ul>
{foreach from=$paypal_ec_errors item="pperr"}
<li>{$pperr}</li>
{/foreach}
</ul>
</div>
{else}
<a href="{$paypal_ec_url}"><img src="https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif" border="0"/></a>
{/if}
</div>-->
{/capture}
{/if}
{assign var="singlePaymentMethod" value=""}
{if $paypal_ec_active}
{assign var="singlePaymentMethod" value=$button_paypal_ec}
{if $totalPaymentMethods == "0"}
{assign var="showCheckoutButton" value="false"}
{/if}
{/if}
{/if}
{if $showCheckoutButton && $activeGateways> 0}
{capture assign="checkout_button"}
<!--<a data-role="button" data-theme="b" data-icon="check" class="button-checkout">{$msg.cart.checkout}</a>-->
<a  class="button-checkout-2 ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-up-b" href="index.php?p=one_page_checkout">
	<span class="ui-btn-inner"><span class="ui-btn-text">Checkout</span>
	<span class="ui-icon ui-icon-check ui-icon-shadow">&nbsp;</span>
	</span>
</a>
{/capture}
{/if}
<form id="form-cart" action="index.php?p=cart" method="post">
<input type="hidden" name="oa" value="{$ORDER_UPDATE_ITEMS}"/>
<input type="hidden" name="ua" value=""/>
<input type="hidden" name="do_not_redirect" value="true"/>
<input type="hidden" name="checkout_start_page" value="cart"/>
{** DISPLAY SUBTOTALS AND PAYMENT BUTTONS **}
{if $min_subtotal_error}
<div class="ui-corner-all ui-shadow msg-error">
{$msg.cart.minimal_sustotal_not_reached}
{$msg.cart.minimal_sustotal}: {$min_subtotal_amount|price}
</div>
{/if}
<div>
{if $showCheckoutButton == 'true'}
{$checkout_button}
{if $paypal_ec_active}
{$button_paypal_ec}
{/if}
{else}
{$singlePaymentMethod}
{/if}
</div>
{** FINISH DISPLAYING SUBTOTALS AND PAYMENT BUTTONS **}
{** START CART ITEMS **}
{foreach from=$order_items item="order_item"}
<ul data-role="listview" data-inset="true">
<li>
<h3><a href="{if $order_item.product_id=='gift_certificate'}{$GlobalHttpUrl}/index.php?p=gift_certificate{else}{$order_item.url}{/if}">{$order_item.title|htmlspecialchars}</a></h3>
<table width="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="130">
<a href="{$product.url}">
{if $order_item.image}
<img src="{$order_item.thumb}" class="ui-corner-all ui-shadow" style="padding:10px;background-color:white;" alt="{if $order_item.image_alt_text != ''}{$order_item.image_alt_text|htmlspecialchars}{else}{$order_item.title|htmlspecialchars}{/if}" title="{$order_item.title|htmlspecialchars}" width="100"/>
{else}
{assign var="imageId" value="image-no-image-small"}
{if $designImages.$imageId}
<img src="{$designImages.$imageId.content}" alt="{$msg.images.imageNoImageSmall|htmlspecialchars}" width="100"/>
{else}
{$msg.images.imageNoImageSmall|htmlspecialchars}
{/if}
{/if}
</a>
</td>
<td style="font-weight:normal;">
{*** Start Case / Inter Pack ***}
{if ($WholesaleCasePack == "YES" || $WholesaleInterPack == "YES") && ($order_item.case_pack>0 || $order_item.inter_pack>0)}
{product_pack_title case_pack=$order_item.case_pack inter_pack=$order_item.inter_pack} :
{product_pack_value case_pack=$order_item.case_pack inter_pack=$order_item.inter_pack}<br/>
{/if}
{*** Start Min/Max Order ***}
{if $order_item.is_gift != "Yes"}
{if $order_item.min_order>1 || $order_item.max_order>0}
{$msg.product.min_max_order} :
{product_minmax_order min_order=$order_item.min_order max_order=$order_item.max_order}<br/>
{/if}
{/if}
{if ($DisplayPricesWithTax=="YES" && $order_item.is_taxable == "Yes") || $order_item.is_gift != "Yes"}
<p>
{if $DisplayPricesWithTax=="YES" && $order_item.is_taxable == "Yes"}
{$msg.cart.tax_amount} :
{if $order_item.tax_description != ""}
{$order_item.tax_description} - {$msg.cart.included_in_price}
{else}
{math equation="round(x,2)" x=$order_item.tax_rate format="%0.2f"}% - {$msg.cart.included_in_price}
{/if}
{/if}
</p>
{/if}
<h4>{$order_item.product_price|price}</h4>
<input type="hidden" name="allowed_oa_quantity[{$order_item.ocid}]" value="{if $order_item.allowed_max>0}{$order_item.allowed_max}{else}-{/if}"/>
<input type="hidden" name="oa_inventory_control[{$order_item.ocid}]" value="{$order_item.inventory_control}"/>
<input type="hidden" name="oa_stock[{$order_item.ocid}]" value="{$order_item.stock}"/>
<input type="hidden" name="oa_pid_to_ocid[{$order_item.pid}]" value="{$order_item.ocid}"/>
<input type="hidden" name="oa_ocid_to_pid[{$order_item.ocid}]" value="{$order_item.pid}"/>
{if $order_item.is_gift == "Yes"}
<input type="hidden" name="min_oa_quantity[{$order_item.ocid}]" value="-"/>
<input type="hidden" name="max_oa_quantity[{$order_item.ocid}]" value="-"/>
<input type="hidden" name="oa_quantity[{$order_item.ocid}]" value="{$order_item.quantity}"/>
Quantity: {$order_item.quantity}
{else}
<input type="hidden" name="min_oa_quantity[{$order_item.ocid}]" value="{if $order_item.min_order>0}{$order_item.min_order}{else}1{/if}"/>
<input type="hidden" name="max_oa_quantity[{$order_item.ocid}]" value="{if $order_item.max_order>0}{$order_item.max_order}{else}-{/if}"/>
<input type="text" class="input-quantity quantity" maxlength="6" style="width:50px;" name="oa_quantity[{$order_item.ocid}]" value="{$order_item.quantity}"/>
{/if}
{if $order_item.is_gift != "Yes"}
<div style="padding-top:5px;">
<a href="javascript:CartConfirmDeleteItem('{$order_item.ocid}')">{$msg.cart.remove_item}</a>
</div>
{/if}
</td>
</tr>
</table>
{if $order_item.options != ""}
<div style="font-weight:normal;font-size:0.9em;padding-top:10px;">
{assign var=options value=$order_item.options_parsed}
<ul style="padding-left:18px;padding-bottom:5px;">
{foreach from=$options item=option}
<li>{$option.name}: <span>{$option.value|htmlspecialchars}</span></li>
{/foreach}
</ul>
</div>
{/if}
{if $order_item.enable_recurring_billing && $order_item.recurring_billing_data}
<div style="padding-top:10px;">
<strong>{$msg.recurring.recurring_payments}</strong>
<div style="font-weight:normal">
{if $order_item.product_recurring_billing_data->getScheduleDescription() != ''}
<div style="padding:10px 0px;">
{$order_item.product_recurring_billing_data->getScheduleDescription()}
</div>
{/if}
{if $order_item.recurring_billing_data->getTrialEnabled()}
{$msg.recurring.trial_period}:
<i>{$order_item.recurring_trial_description}</i>
<br>
{/if}
{$msg.recurring.billing_period}: <i>{$order_item.recurring_billing_description}</i>
{if $order_item.recurring_billing_data->getStartDate()}
{assign var="recurringStartDate" value=$order_item.recurring_billing_data->getStartDate()}
<br>{$msg.recurring.billing_starting_at} {$recurringStartDate->format('U')|date_format:$msg.common.date_format}
{/if}
</div>
</div>
{/if}
</li>
</ul>
{/foreach}
{** FINISH CART ITEMS **}
<ul data-role="listview" data-inset="true" class="order-totals">
<li>
<h3 class="ui-li-aside">{$order->subtotalAmount|price}</h3>
<h3>{$msg.cart.subtotal_amount}</h3>
</li>
{if $DiscountsPromo == "YES"}
<li class="cart-promo">
<h3 class="ui-li-aside">
{if $order->promoDiscountAmount> 0}
{if $DisplayPricesWithTax=="YES"}{$order->promoDiscountAmountWithTax|price}{else}{$order->promoDiscountAmount|price}{/if}
{if $order->promoDiscountAmount == "percent"}
(-{$order->promoDiscountAmount |smartround}%)
{/if}
{else}
{if $order->promoType == 'Shipping'}
<p>{$msg.cart.discount_note}</p>
{/if}
{/if}
</h3>
<h3>
<span class="text">{$msg.cart.enter_promo_code}:</span>
<input type="text" data-inline="true" class="input-promo-code" name="promo_code" value="{$promo_code|htmlspecialchars}"/>
<a data-role="button" disabled="disabled" class="button-apply-promo" data-inline="true" onclick="$('#form-cart').submit();" class="button-apply-promo">{$msg.buttons.buttonApplyDiscount}</a> {*  href="#" *}
</h3>
{if $promo_error}
<div class="ui-corner-all ui-shadow msg-error">{$msg.cart.promo_code_invalid}</div>
{/if}
</li>
{/if}
{if $order->discountAmount> 0}
<li>
<h3 class="ui-li-aside">
{if $DisplayPricesWithTax=="YES"}{$order->discountAmountWithTax|price}{else}{$order->discountAmount|price}{/if}
{if $order->discountType == "percent"}
(-{$order->discountValue|smartround}%)
{/if}
</h3>
<h3>{$msg.cart.discount_amount}</h3>
</li>
{/if}
{if $ShippingAllowGetQuote == "YES" && $ShippingCalcEnabled != "NO"}
<li><a href="{$url_https}p=shipping_quote">{$msg.cart.shipping_quote_amount}: {$msg.shipping.get_shipping_quote_for_this_order}</a></li>
{/if}
</ul>
<fieldset class="ui-grid-a" style="clear:both;">
<div class="ui-block-a"><a href="{if $order_item.product_id=='gift_certificate'}{$GlobalHttpUrl}/index.php?p=gift_certificate{else}{$order_item.url}{/if}?contshop=1" data-role="button" style="margin:10px 5px 10px 0px;">{$msg.buttons.buttonContinueShopping}</a></div>
<div class="ui-block-b"><a href="#" id="form-cart-update" data-role="button" style="margin:10px 0px 10px 5px;">{$msg.buttons.buttonUpdateCart}</a></div>
</fieldset>
<div>
{if $showCheckoutButton == 'true'}
{$checkout_button}
{if $paypal_ec_active}
{$button_paypal_ec}
{/if}
{else}
{$singlePaymentMethod}
{/if}
</div>
</form>
{else}
<div class="msg-text">
<strong>{$msg.cart.cart_is_empty}</strong>
<ul>
<li>{lang msg=$msg.common.what_is_next url=$url_rel}</li>
<li>{lang msg=$msg.common.cookies_note url=$url_rel}</li>
</ul>
</div>
{/if}
</div>
</div>