{if $checkout}
{include file="orderforms/$carttpl/checkout.tpl"}
{else}
<script>
// Define state tab index value
var statesTab = 10;
var stateNotRequired = true;
</script>
{include file="orderforms/standard_cart/common.tpl"}
<script type="text/javascript" src="{$BASE_PATH_JS}/StatesDropdown.js"></script>
<div id="order-standard_cart">
<div class="row">
<div class="cart-sidebar">
{include file="orderforms/standard_cart/sidebar-categories.tpl"}
</div>
<div class="cart-body">
<div class="header-lined">
<h1 class="font-size-36">{$LANG.cartreviewcheckout}</h1>
</div>
{include file="orderforms/standard_cart/sidebar-categories-collapsed.tpl"}
<div class="row">
<div class="secondary-cart-body">
{if $promoerrormessage}
<div class="alert alert-warning text-center" role="alert">
{$promoerrormessage}
</div>
{elseif $errormessage}
<div class="alert alert-danger" role="alert">
<p>{$LANG.orderForm.correctErrors}:</p>
<ul>
{$errormessage}
</ul>
</div>
{elseif $promotioncode && $rawdiscount eq "0.00"}
<div class="alert alert-info text-center" role="alert">
{$LANG.promoappliedbutnodiscount}
</div>
{elseif $promoaddedsuccess}
<div class="alert alert-success text-center" role="alert">
{$LANG.orderForm.promotionAccepted}
</div>
{/if}
{if $bundlewarnings}
<div class="alert alert-warning" role="alert">
<strong>{$LANG.bundlereqsnotmet}</strong><br />
<ul>
{foreach from=$bundlewarnings item=warning}
<li>{$warning}</li>
{/foreach}
</ul>
</div>
{/if}
<form method="post" action="{$smarty.server.PHP_SELF}?a=view">
<div class="view-cart-items-header">
<div class="row">
<div class="{if $showqtyoptions}col-sm-5{else}col-sm-7{/if} col-xs-7 col-7">
{$LANG.orderForm.productOptions}
</div>
{if $showqtyoptions}
<div class="col-sm-2 hidden-xs text-center d-none d-sm-block">
{$LANG.orderForm.qty}
</div>
{/if}
<div class="col-sm-4 col-xs-5 col-5 text-right">
{$LANG.orderForm.priceCycle}
</div>
</div>
</div>
<div class="view-cart-items">
{foreach $products as $num => $product}
<div class="item">
<div class="row">
<div class="{if $showqtyoptions}col-sm-5{else}col-sm-7{/if}">
<span class="item-title">
{$product.productinfo.name}
<a href="{$WEB_ROOT}/cart.php?a=confproduct&i={$num}" class="btn btn-link btn-xs">
<i class="fas fa-pencil-alt"></i>
{$LANG.orderForm.edit}
</a>
<span class="visible-xs-inline d-inline d-sm-none">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('p','{$num}')">
<i class="fas fa-times"></i>
{$LANG.orderForm.remove}
</button>
</span>
</span>
<span class="item-group">
{$product.productinfo.groupname}
</span>
{if $product.domain}
<span class="item-domain">
{$product.domain}
</span>
{/if}
{if $product.configoptions}
<small>
{foreach key=confnum item=configoption from=$product.configoptions}
» {$configoption.name}: {if $configoption.type eq 1 || $configoption.type eq 2}{$configoption.option}{elseif $configoption.type eq 3}{if $configoption.qty}{$configoption.option}{else}{$LANG.no}{/if}{elseif $configoption.type eq 4}{$configoption.qty} x {$configoption.option}{/if}<br />
{/foreach}
</small>
{/if}
</div>
{if $showqtyoptions}
<div class="col-sm-2 item-qty">
{if $product.allowqty}
<input type="number" name="qty[{$num}]" value="{$product.qty}" class="form-control text-center" min="0" />
<button type="submit" class="btn btn-xs">
{$LANG.orderForm.update}
</button>
{/if}
</div>
{/if}
<div class="col-sm-4 item-price">
<span>{$product.pricing.totalTodayExcludingTaxSetup}</span>
<span class="cycle">{$product.billingcyclefriendly}</span>
{if $product.pricing.productonlysetup}
{$product.pricing.productonlysetup->toPrefixed()} {$LANG.ordersetupfee}
{/if}
{if $product.proratadate}<br />({$LANG.orderprorata} {$product.proratadate}){/if}
</div>
<div class="col-sm-1 hidden-xs d-none d-sm-block">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('p','{$num}')">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
{foreach $product.addons as $addonnum => $addon}
<div class="item">
<div class="row">
<div class="{if $showAddonQtyOptions}col-sm-5{else}col-sm-7{/if}">
<span class="item-title">
{$addon.name}
</span>
<span class="item-group">
{$LANG.orderaddon}
</span>
</div>
{if $showAddonQtyOptions}
<div class="col-sm-2 item-qty">
{if $addon.allowqty === 2}
<input type="number" name="paddonqty[{$num}][{$addonnum}]" value="{$addon.qty}" class="form-control text-center" min="0" />
<button type="submit" class="btn btn-xs">
{$LANG.orderForm.update}
</button>
{/if}
</div>
{/if}
<div class="col-sm-4 item-price">
<span>{$addon.totaltoday}</span>
<span class="cycle">{$addon.billingcyclefriendly}</span>
{if $addon.setup}{$addon.setup->toPrefixed()} {$LANG.ordersetupfee}{/if}
{if $addon.isProrated}<br />({$LANG.orderprorata} {$addon.prorataDate}){/if}
</div>
</div>
</div>
{/foreach}
{/foreach}
{foreach $addons as $num => $addon}
<div class="item">
<div class="row">
<div class="{if $showAddonQtyOptions}col-sm-5{else}col-sm-7{/if}">
<span class="item-title">
{$addon.name}
<span class="visible-xs-inline d-inline d-sm-none">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('a','{$num}')">
<i class="fas fa-times"></i>
{$LANG.orderForm.remove}
</button>
</span>
</span>
<span class="item-group">
{$addon.productname}
</span>
{if $addon.domainname}
<span class="item-domain">
{$addon.domainname}
</span>
{/if}
</div>
{if $showAddonQtyOptions}
<div class="col-sm-2 item-qty">
{if $addon.allowqty === 2}
<input type="number" name="addonqty[{$num}]" value="{$addon.qty}" class="form-control text-center" min="0" />
<button type="submit" class="btn btn-xs">
{$LANG.orderForm.update}
</button>
{/if}
</div>
{/if}
<div class="col-sm-4 item-price">
<span>{$addon.totaltoday}</span>
<span class="cycle">{$addon.billingcyclefriendly}</span>
{if $addon.setup}{$addon.setup->toPrefixed()} {$LANG.ordersetupfee}{/if}
{if $addon.isProrated}<br />({$LANG.orderprorata} {$addon.prorataDate}){/if}
</div>
<div class="col-sm-1 hidden-xs d-none d-sm-block">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('a','{$num}')">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
{/foreach}
{foreach $domains as $num => $domain}
<div class="item">
<div class="row">
<div class="col-sm-7">
<span class="item-title">
{if $domain.type eq "register"}{$LANG.orderdomainregistration}{else}{$LANG.orderdomaintransfer}{/if}
<a href="{$WEB_ROOT}/cart.php?a=confdomains" class="btn btn-link btn-xs">
<i class="fas fa-pencil-alt"></i>
{$LANG.orderForm.edit}
</a>
<span class="visible-xs-inline d-inline d-sm-none">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('d','{$num}')">
<i class="fas fa-times"></i>
{$LANG.orderForm.remove}
</button>
</span>
</span>
{if $domain.domain}
<span class="item-domain">
{$domain.domain}
</span>
{/if}
{if $domain.dnsmanagement} » {$LANG.domaindnsmanagement}<br />{/if}
{if $domain.emailforwarding} » {$LANG.domainemailforwarding}<br />{/if}
{if $domain.idprotection} » {$LANG.domainidprotection}<br />{/if}
</div>
<div class="col-sm-4 item-price">
{if count($domain.pricing) == 1 || $domain.type == 'transfer'}
<span name="{$domain.domain}Price">{$domain.price}</span>
<span class="cycle">{$domain.regperiod} {$domain.yearsLanguage}</span>
<span class="renewal cycle">
{if isset($domain.renewprice)}{lang key='domainrenewalprice'} <span class="renewal-price cycle">{$domain.renewprice->toPrefixed()}{$domain.shortRenewalYearsLanguage}{/if}</span>
</span>
{else}
<span name="{$domain.domain}Price">{$domain.price}</span>
<div class="dropdown">
<button class="btn btn-default btn-default btn-xs dropdown-toggle" type="button" id="{$domain.domain}Pricing" name="{$domain.domain}Pricing" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{$domain.regperiod} {$domain.yearsLanguage}
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="{$domain.domain}Pricing">
{foreach $domain.pricing as $years => $price}
<li class="dropdown-item">
<a href="#" onclick="selectDomainPeriodInCart('{$domain.domain}', '{$price.register}', {$years}, '{if $years == 1}{lang key='orderForm.year'}{else}{lang key='orderForm.years'}{/if}');return false;">
{$years} {if $years == 1}{lang key='orderForm.year'}{else}{lang key='orderForm.years'}{/if} @ {$price.register}
</a>
</li>
{/foreach}
</ul>
</div>
<span class="renewal cycle">
{lang key='domainrenewalprice'} <span class="renewal-price cycle">{if isset($domain.renewprice)}{$domain.renewprice->toPrefixed()}{$domain.shortRenewalYearsLanguage}{/if}</span>
</span>
{/if}
</div>
<div class="col-sm-1 hidden-xs d-none d-sm-block">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('d','{$num}')">
<i class="fas fa-times"></i>
</button>
</div>
</div>
</div>
{/foreach}
{foreach $renewalsByType['services'] as $num => $service}
<div class="item">
<div class="row">
<div class="col-sm-7">
<span class="item-title">
{lang key='renewService.titleAltSingular'}
</span>
<span class="item-group">
{$service.name}
</span>
<span class="item-domain">
{$service.domainName}
</span>
</div>
<div class="col-sm-4 item-price">
<span>{$service.recurringBeforeTax}</span>
<span class="cycle">{$service.billingCycle}</span>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('r','{$num}','service')">
<i class="fas fa-times"></i>
<span class="visible-xs d-block d-sm-none">{lang key='orderForm.remove'}</span>
</button>
</div>
</div>
</div>
{/foreach}
{foreach $renewalsByType['addons'] as $num => $service}
<div class="item">
<div class="row">
<div class="col-sm-7">
<span class="item-title">
{lang key='renewServiceAddon.titleAltSingular'}
</span>
<span class="item-group">
{$service.name}
</span>
<span class="item-domain">
{$service.domainName}
</span>
</div>
<div class="col-sm-4 item-price">
<span>{$service.recurringBeforeTax}</span>
<span class="cycle">{$service.billingCycle}</span>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('r','{$num}','addon')">
<i class="fas fa-times"></i>
<span class="visible-xs d-block d-sm-none">{lang key='orderForm.remove'}</span>
</button>
</div>
</div>
</div>
{/foreach}
{foreach $renewalsByType['domains'] as $num => $domain}
<div class="item">
<div class="row">
<div class="col-sm-7">
<span class="item-title">
{$LANG.domainrenewal}
</span>
<span class="item-domain">
{$domain.domain}
</span>
{if $domain.dnsmanagement} » {$LANG.domaindnsmanagement}<br />{/if}
{if $domain.emailforwarding} » {$LANG.domainemailforwarding}<br />{/if}
{if $domain.idprotection} » {$LANG.domainidprotection}<br />{/if}
</div>
<div class="col-sm-4 item-price">
<span>{$domain.price}</span>
<span class="cycle">{$domain.regperiod} {$LANG.orderyears}</span>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('r','{$num}','domain')">
<i class="fas fa-times"></i>
<span class="visible-xs d-block d-sm-none">{$LANG.orderForm.remove}</span>
</button>
</div>
</div>
</div>
{/foreach}
{foreach $upgrades as $num => $upgrade}
<div class="item">
<div class="row">
<div class="{if $showUpgradeQtyOptions}col-sm-5{else}col-sm-7{/if}">
<span class="item-title">
{$LANG.upgrade}
</span>
<span class="item-group">
{if $upgrade->type == 'service'}
{$upgrade->originalProduct->productGroup->name}<br>{$upgrade->originalProduct->name} => {$upgrade->newProduct->name}
{elseif $upgrade->type == 'addon'}
{$upgrade->originalAddon->name} => {$upgrade->newAddon->name}
{/if}
</span>
<span class="item-domain">
{if $upgrade->type == 'service'}
{$upgrade->service->domain}
{/if}
</span>
</div>
{if $showUpgradeQtyOptions}
<div class="col-sm-2 item-qty">
{if $upgrade->allowMultipleQuantities}
<input type="number" name="upgradeqty[{$num}]" value="{$upgrade->qty}" class="form-control text-center" min="{$upgrade->minimumQuantity}" />
<button type="submit" class="btn btn-xs">
{$LANG.orderForm.update}
</button>
{/if}
</div>
{/if}
<div class="col-sm-4 item-price">
<span>{$upgrade->newRecurringAmount}</span>
<span class="cycle">{$upgrade->localisedNewCycle}</span>
</div>
<div class="col-sm-1">
<button type="button" class="btn btn-link btn-xs btn-remove-from-cart" onclick="removeItem('u','{$num}')">
<i class="fas fa-times"></i>
<span class="visible-xs d-block d-sm-none">{$LANG.orderForm.remove}</span>
</button>
</div>
</div>
{if $upgrade->totalDaysInCycle > 0}
<div class="row row-upgrade-credit">
<div class="col-sm-7">
<span class="item-group">
{$LANG.upgradeCredit}
</span>
<div class="upgrade-calc-msg">
{lang key="upgradeCreditDescription" daysRemaining=$upgrade->daysRemaining totalDays=$upgrade->totalDaysInCycle}
</div>
</div>
<div class="col-sm-4 item-price">
<span>-{$upgrade->creditAmount}</span>
</div>
</div>
{/if}
</div>
{/foreach}
{if $cartitems == 0}
<div class="view-cart-empty">
{$LANG.cartempty}
</div>
{/if}
</div>
{if $cartitems > 0}
<div class="empty-cart">
<button type="button" class="btn btn-link btn-xs" id="btnEmptyCart">
<i class="fas fa-trash-alt"></i>
<span>{$LANG.emptycart}</span>
</button>
</div>
{/if}
</form>
{foreach $hookOutput as $output}
<div>
{$output}
</div>
{/foreach}
{foreach $gatewaysoutput as $gatewayoutput}
<div class="view-cart-gateway-checkout">
{$gatewayoutput}
</div>
{/foreach}
<div class="view-cart-tabs">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="nav-item active">
<a href="#applyPromo" class="nav-link active" aria-controls="applyPromo" role="tab" data-toggle="tab"{if $template == 'twenty-one'} aria-selected="true"{else} aria-expanded="true"{/if}>
{$LANG.orderForm.applyPromoCode}
</a>
</li>
{if $taxenabled && !$loggedin}
<li role="presentation" class="nav-item">
<a href="#calcTaxes" class="nav-link" aria-controls="calcTaxes" role="tab" data-toggle="tab"{if $template == 'twenty-one'} aria-selected="false"{else} aria-expanded="false"{/if}>
{$LANG.orderForm.estimateTaxes}
</a>
</li>
{/if}
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active promo" id="applyPromo">
{if $promotioncode}
<div class="view-cart-promotion-code">
{$promotioncode} - {$promotiondescription}
</div>
<div class="text-center">
<a href="{$WEB_ROOT}/cart.php?a=removepromo" class="btn btn-default btn-xs">
{$LANG.orderForm.removePromotionCode}
</a>
</div>
{else}
<form method="post" action="{$WEB_ROOT}/cart.php?a=view">
<div class="form-group prepend-icon ">
<label for="cardno" class="field-icon">
<i class="fas fa-ticket-alt"></i>
</label>
<input type="text" name="promocode" id="inputPromotionCode" class="field form-control" placeholder="{lang key="orderPromoCodePlaceholder"}" required="required">
</div>
<button type="submit" name="validatepromo" class="btn btn-block btn-default" value="{$LANG.orderpromovalidatebutton}">
{$LANG.orderpromovalidatebutton}
</button>
</form>
{/if}
</div>
<div role="tabpanel" class="tab-pane" id="calcTaxes">
<form method="post" action="{$WEB_ROOT}/cart.php?a=setstateandcountry">
<div class="form-group row">
<label for="inputState" class="pt-sm-2 col-sm-4 control-label text-sm-right">{$LANG.orderForm.state}</label>
<div class="col-sm-7">
<input type="text" name="state" id="inputState" value="{$clientsdetails.state}" class="form-control"{if $loggedin} disabled="disabled"{/if} />
</div>
</div>
<div class="form-group row">
<label for="inputCountry" class="pt-sm-2 col-sm-4 control-label text-sm-right">{$LANG.orderForm.country}</label>
<div class="col-sm-7">
<select name="country" id="inputCountry" class="form-control">
{foreach $countries as $countrycode => $countrylabel}
<option value="{$countrycode}"{if (!$country && $countrycode == $defaultcountry) || $countrycode eq $country} selected{/if}>
{$countrylabel}
</option>
{/foreach}
</select>
</div>
</div>
<div class="form-group text-center">
<button type="submit" class="btn btn-default">
{$LANG.orderForm.updateTotals}
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="secondary-cart-sidebar" id="scrollingPanelContainer">
<div class="order-summary" id="orderSummary">
<div class="loader w-hidden" id="orderSummaryLoader">
<i class="fas fa-fw fa-sync fa-spin"></i>
</div>
<h2 class="font-size-30">{$LANG.ordersummary}</h2>
<div class="summary-container">
<div class="subtotal clearfix">
<span class="pull-left float-left">{$LANG.ordersubtotal}</span>
<span id="subtotal" class="pull-right float-right">{$subtotal}</span>
</div>
{if $promotioncode || $taxrate || $taxrate2}
<div class="bordered-totals">
{if $promotioncode}
<div class="clearfix">
<span class="pull-left float-left">{$promotiondescription}</span>
<span id="discount" class="pull-right float-right">{$discount}</span>
</div>
{/if}
{if $taxrate}
<div class="clearfix">
<span class="pull-left float-left">{$taxname} @ {$taxrate}%</span>
<span id="taxTotal1" class="pull-right float-right">{$taxtotal}</span>
</div>
{/if}
{if $taxrate2}
<div class="clearfix">
<span class="pull-left float-left">{$taxname2} @ {$taxrate2}%</span>
<span id="taxTotal2" class="pull-right float-right">{$taxtotal2}</span>
</div>
{/if}
</div>
{/if}
<div class="recurring-totals clearfix">
<span class="pull-left float-left">{$LANG.orderForm.totals}</span>
<span id="recurring" class="pull-right float-right recurring-charges">
<span id="recurringMonthly" {if !$totalrecurringmonthly}style="display:none;"{/if}>
<span class="cost">{$totalrecurringmonthly}</span> {$LANG.orderpaymenttermmonthly}<br />
</span>
<span id="recurringQuarterly" {if !$totalrecurringquarterly}style="display:none;"{/if}>
<span class="cost">{$totalrecurringquarterly}</span> {$LANG.orderpaymenttermquarterly}<br />
</span>
<span id="recurringSemiAnnually" {if !$totalrecurringsemiannually}style="display:none;"{/if}>
<span class="cost">{$totalrecurringsemiannually}</span> {$LANG.orderpaymenttermsemiannually}<br />
</span>
<span id="recurringAnnually" {if !$totalrecurringannually}style="display:none;"{/if}>
<span class="cost">{$totalrecurringannually}</span> {$LANG.orderpaymenttermannually}<br />
</span>
<span id="recurringBiennially" {if !$totalrecurringbiennially}style="display:none;"{/if}>
<span class="cost">{$totalrecurringbiennially}</span> {$LANG.orderpaymenttermbiennially}<br />
</span>
<span id="recurringTriennially" {if !$totalrecurringtriennially}style="display:none;"{/if}>
<span class="cost">{$totalrecurringtriennially}</span> {$LANG.orderpaymenttermtriennially}<br />
</span>
</span>
</div>
<div class="total-due-today total-due-today-padded">
<span id="totalDueToday" class="amt">{$total}</span>
<span>{$LANG.ordertotalduetoday}</span>
</div>
<div class="express-checkout-buttons">
{foreach $expressCheckoutButtons as $checkoutButton}
{$checkoutButton}
<div class="separator">
- {$LANG.or|strtoupper} -
</div>
{/foreach}
</div>
<div class="text-right">
<a href="{$WEB_ROOT}/cart.php?a=checkout&e=false" class="btn btn-success btn-lg btn-checkout{if $cartitems == 0} disabled{/if}" id="checkout">
{$LANG.orderForm.checkout}
<i class="fas fa-arrow-right"></i>
</a><br />
<a href="{$WEB_ROOT}/cart.php" class="btn btn-link btn-continue-shopping" id="continueShopping">
{$LANG.orderForm.continueShopping}
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<form method="post" action="{$WEB_ROOT}/cart.php">
<input type="hidden" name="a" value="remove" />
<input type="hidden" name="r" value="" id="inputRemoveItemType" />
<input type="hidden" name="i" value="" id="inputRemoveItemRef" />
<input type="hidden" name="rt" value="" id="inputRemoveItemRenewalType">
<div class="modal fade modal-remove-item" id="modalRemoveItem" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="float-right">
<button type="button" class="close" data-dismiss="modal" aria-label="{lang key='orderForm.close'}">
<span aria-hidden="true">×</span>
</button>
</div>
<h4 class="modal-title margin-bottom mb-3">
<i class="fas fa-times fa-3x"></i>
<span>{lang key='orderForm.removeItem'}</span>
</h4>
{lang key='cartremoveitemconfirm'}
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-default" data-dismiss="modal">{lang key='no'}</button>
<button type="submit" class="btn btn-primary">{lang key='yes'}</button>
</div>
</div>
</div>
</div>
</form>
<form method="post" action="{$WEB_ROOT}/cart.php">
<input type="hidden" name="a" value="empty" />
<div class="modal fade modal-remove-item" id="modalEmptyCart" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="float-right">
<button type="button" class="close" data-dismiss="modal" aria-label="{$LANG.orderForm.close}">
<span aria-hidden="true">×</span>
</button>
</div>
<h4 class="modal-title margin-bottom mb-3">
<i class="fas fa-trash-alt fa-3x"></i>
<span>{$LANG.emptycart}</span>
</h4>
{$LANG.cartemptyconfirm}
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn btn-default" data-dismiss="modal">{$LANG.no}</button>
<button type="submit" class="btn btn-primary">{$LANG.yes}</button>
</div>
</div>
</div>
</div>
</form>
</div>
{include file="orderforms/standard_cart/recommendations-modal.tpl"}
{/if}