{if $checkout} {else}
	<script>
		// Define state tab index value
		var statesTab = 10;
		var stateNotRequired = true;
	</script>
	{include file="orderforms/{$carttpl}/common.tpl"}
	<script type="text/javascript" src="{$BASE_PATH_JS}/StatesDropdown.js"></script>
{/if}

<div id="order-standard_cart">
	{if $cartitems > 0}
		<div class="row">
			<div class="col-md-12">
				<div class="header-lined">
					<h1>{if !$checkout}{$LANG.cartreviewcheckout}{else}{$LANG.orderForm.checkout}{/if}</h1>
					{if $checkout}<p>{lang key='orderForm.enterPersonalDetails'}</p>{/if}
				</div>
			</div>	
			<div class="col-md-12">
				<div class="row ajaxcart_cont">
					<div class="col-lg-8 col-xl-9">
						{if $checkout} {else}

							{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}

							{include file="orderforms/$carttpl/includes/viewcart/summary-table.tpl"}

							{foreach $gatewaysoutput as $gatewayoutput}
								<div class="view-cart-gateway-checkout">
									{$gatewayoutput}
								</div>
							{/foreach}
							
							{if !$themesettings.orderform.nopromobox}
								{if $promotioncode}
									<div class="view-cart-promotion-code{if $hookOutput} mb-5{else} mb-3{/if}">
										<span class="code"><i class="fad fa-tags fa-fw"></i> <strong>{$promotioncode}</strong> - {$promotiondescription}</span>
										<span class="remove"><a href="{$WEB_ROOT}/cart.php?a=removepromo" class="btn btn-icon" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.removePromotionCode}"><i class="far fa-trash-alt icon-only text-danger"></i></a></span>
									</div>
								{else}
									<form method="post" action="{$WEB_ROOT}/cart.php?a=view">
										<div class="card{if $hookOutput} mb-5{else} mb-3{/if}">
											<div class="card-body">
												<div class="input-group">
													<input type="text" name="promocode" id="inputPromotionCode" class="form-control input-lg" placeholder="{lang key="orderPromoCodePlaceholder"}" required="required">
													<div class="input-group-append">
														<button type="submit" name="validatepromo" class="btn btn-primary" value="{$LANG.orderpromovalidatebutton}">
															{$LANG.orderpromovalidatebutton}
														</button>
													</div>														
												</div>
											</div>
										</div>
									</form>
								{/if}
							{/if}
							
							{foreach $hookOutput as $output}
								<div>
									{$output|replace:"h3":"h4"|replace:'style="margin:20px 0;"':''}
								</div>
							{/foreach}

						{/if}
						{if !$checkout}{else}

							{include file="orderforms/$carttpl/checkout.tpl"}
						
							{if $servedOverSsl}
								<div class="alert alert-warning small mt-4">
									<i class="fad fa-lock-alt"></i>&nbsp; {$LANG.ordersecure} (<strong>{$ipaddress}</strong>) {$LANG.ordersecure2}
								</div>
							{/if}

						{/if}

					</div>
					<div class="col-lg-4 col-xl-3">
						<div id="sidebar">
							<div class="sidebar__inner blocks cartsummary">
								<div class="order-summary">

									<div class="loader w-hidden" id="orderSummaryLoader">
										<i class="fad fa-circle-notch fa-spin fa-2x"></i>
									</div>

									<h2><i class="fal fa-shopping-cart text-primary"></i>&nbsp;{$LANG.ordersummary}</h2>
									<div class="summary-container-outer">
										<div class="summary-container{if $checkout} mb-0{/if}">

											<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>
											{if $checkout}
												<div class="total-due-today total-due-today-padded border-top mt-2" id="totalDueToday" data.newTotal>
													<span class="text-muted">{$LANG.ordertotalduetoday}</span>
													<span id="totalCartPrice" class="amt">{$total}</span>
												</div>
											{else}
												<div class="total-due-today total-due-today-padded border-top mt-2">
													<span class="text-muted">{$LANG.ordertotalduetoday}</span>
													<span id="totalDueToday" class="amt">{$total}</span>
												</div>											
											{/if}
										</div>
										<div class="express-checkout-buttons">
											{foreach $expressCheckoutButtons as $checkoutButton}
												{$checkoutButton}
												<div class="separator">
													- {$LANG.or|strtoupper} -
												</div>
											{/foreach}
										</div>

										<div class="text-center">
										{if $checkout}{else}<a href="{$WEB_ROOT}/cart.php?a=checkout&e=false" class="btn btn-primary btn-block btn-lg btn-checkout{if $cartitems == 0} disabled{/if}" id="checkout">
												{$LANG.orderForm.checkout}
												<i class="fas fa-arrow-right"></i>
											</a>{/if}									
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		{include file="orderforms/$carttpl/recommendations-modal.tpl"}

	{else}

		<div class="mw-928 mx-auto">	
			<div class="alert-lg no-data no-border">
				<div class="icon">
					<i class="fad fa-shopping-cart"></i>
				</div>
				<div class="text">
					<h4>{$LANG.cartempty}</h4>
				</div>
				<a href="{if $themesettings.orderform.orderopc != ""}order{else}cart{/if}.php" class="btn btn-default" id="continueShopping">
					{$LANG.navservicesorder}
				</a>
			</div>
		</div>

	{/if}

</div>


<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/ResizeSensor.js"></script>
<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/jquery.sticky-sidebar.min.js"></script>

<script>
jQuery('#sidebar').stickySidebar({
	topSpacing: 90,
	bottomSpacing: 60,
	minWidth: 992,
	containerSelector: '.ajaxcart_cont',
	innerWrapperSelector: '.sidebar__inner'
});
</script>

<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 modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header d-block">
					<h4 class="modal-title">
						<button type="button" class="close" data-dismiss="modal" aria-label="{$LANG.orderForm.close}">
							<span aria-hidden="true">&times;</span>
						</button>
						<span>{lang key='orderForm.removeItem'}</span>
					</h4>
				</div>
				<div class="modal-body">
					{$LANG.cartremoveitemconfirm}
				</div>
				<div class="modal-footer">
					<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>

<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 modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header d-block">
					<h4 class="modal-title">
						<button type="button" class="close" data-dismiss="modal" aria-label="{$LANG.orderForm.close}">
							<span aria-hidden="true">&times;</span>
						</button>
						<span>{$LANG.emptycart}</span>
					</h4>
				</div>
				<div class="modal-body">
					{$LANG.cartemptyconfirm}
				</div>
				<div class="modal-footer">
					<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>

{if $taxenabled && !$loggedin}
    <form method="post" action="{$WEB_ROOT}/cart.php?a=setstateandcountry">
        <div class="modal fade" id="estimate-taxes">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header d-block">
						<h4 class="modal-title">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<span>{$LANG.orderForm.estimateTaxes}</span>
						</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="inputCountry2" class="control-label">{$LANG.orderForm.country}</label>
                                    <select name="country" id="inputCountry2" 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="col-12">
                                <div class="form-group">
                                    <label for="inputState2" class="control-label">{$LANG.orderForm.state}</label>
                                    <input type="text" name="state" id="inputState2" value="{$clientsdetails.state}" class="form-control" {if $loggedin} disabled="disabled" {/if} />
                                </div>
                            </div>							
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">
                            <span>{$LANG.orderForm.updateTotals}</span>
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">{$LANG.orderForm.cancel}</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
{/if}