<script type="text/javascript" src="templates/orderforms/{$carttpl}/js/jqueryui.js"></script>
<script type="text/javascript" src="templates/orderforms/{$carttpl}/js/main.js"></script>
<link rel="stylesheet" type="text/css" href="templates/orderforms/activehostslider/style.css" />
<link rel="stylesheet" type="text/css" href="templates/orderforms/activehostslider/uistyle.css" />

<script type="text/javascript">
var productscount = {$productscount};
var productsNums = new Array();
{foreach from=$products key=num item=product}
productsNums[{$product.pid}] = {$num};
{/foreach}

{literal}
jQuery(document).ready(function(){
    jQuery( "#productslider" ).slider({
        min: 0,
        max: productscount-1,
        value: 0,
        range: "min",
        slide: function( event, ui ) {
            selproduct(ui.value);
        }
    });
    var width = jQuery("#productslider").width()/productscount;
    jQuery("#productslider").width(width*(productscount-1)+'px');
    jQuery(".sliderlabel").width(width+'px');
    selproduct(0);
{/literal}
{if $pid}
    selproduct(productsNums[{$pid}]);
{/if}
{literal}
});

{/literal}
</script>

<div class="wrapper purple-content">
    	<div class="container">
        	<div class="content-heading white whmcsportal">
    			<h2>{$pagetitle}</h2>
                <small>{$LANG.cartbrowse}</small>
            </div>
            <div class="view-cart">
            	<a href="{$smarty.server.PHP_SELF}?a=view"><i class="fa fa-shopping-cart"></i></a>
            </div>
		</div>
    </div>
    <div class="wrapper purple optionbar small">
    	<div class="container">
        <ul>
{foreach key=num item=productgroup from=$productgroups}
{if $gid eq $productgroup.gid}
<li class="active"><a href="{$smarty.server.PHP_SELF}?gid={$productgroup.gid}">{$productgroup.name}</a><span></span></li>{else}<li><a href="{$smarty.server.PHP_SELF}?gid={$productgroup.gid}">{$productgroup.name}</a><span></span></li>{/if}{/foreach}{if $loggedin}<li><a href="{$smarty.server.PHP_SELF}?gid=addons">{$LANG.cartproductaddons}</a><span></span></li>{if $renewalsenabled}<li><a href="{$smarty.server.PHP_SELF}?gid=renewals">{$LANG.domainrenewals}</a><span></span></li>{/if}{/if}{if $registerdomainenabled}<li><a href="{$smarty.server.PHP_SELF}?a=add&domain=register">{$LANG.registerdomain}</a><span></span></li>{/if}{if $transferdomainenabled}<li><a href="{$smarty.server.PHP_SELF}?a=add&domain=transfer">{$LANG.transferdomain}</a><span></span></li>{/if}</ul>
</div>
</div>
    <div class="wrapper" id="maincontent">
	<div class="container">
			
            <div class="whmcssection sliderproduct" id="knowledgebase">

<div class="hostingcompare compareplans whmcscompare">


<div id="order-slider">

{if !$smarty.get.gid && !$smarty.post.pid && !$smarty.get.pid && !$smarty.post.pid}

<div class="clear"></div>

{else}

<div id="categories">
{foreach key=num item=productgroup from=$productgroups}
{if $productgroup.gid neq $gid}<a href="cart.php?gid={$productgroup.gid}">{$productgroup.name}</a>{/if}
{/foreach}
{if $loggedin}
{if $gid neq "addons"}<a href="cart.php?gid=addons">{$LANG.cartproductaddons}</a>{/if}
{if $renewalsenabled && $gid neq "renewals"}<a href="cart.php?gid=renewals">{$LANG.domainrenewals}</a>{/if}
{/if}
{if $registerdomainenabled && $domain neq "register"}<a href="cart.php?a=add&domain=register">{$LANG.registerdomain}</a>{/if}
{if $transferdomainenabled && $domain neq "transfer"}<a href="cart.php?a=add&domain=transfer">{$LANG.transferdomain}</a>{/if}
<a href="cart.php?a=view">{$LANG.viewcart}</a>
</div>
<div class="clear"></div>

{if !$loggedin && $currencies}
<div id="currencychooser">
{foreach from=$currencies item=curr}
<a href="cart.php?gid={$gid}&currency={$curr.id}"><img src="images/flags/{if $curr.code eq "AUD"}au{elseif $curr.code eq "CAD"}ca{elseif $curr.code eq "EUR"}eu{elseif $curr.code eq "GBP"}gb{elseif $curr.code eq "INR"}in{elseif $curr.code eq "JPY"}jp{elseif $curr.code eq "USD"}us{elseif $curr.code eq "ZAR"}za{else}na{/if}.png" border="0" alt="" /> {$curr.code}</a>
{/foreach}
</div>
<div class="clear"></div>
{else}

{/if}

<div class="cartslider">

<div align="center">
<div id="productslider"></div>
</div>

{foreach from=$products key=num item=product}
<div class="sliderlabel" id="prodlabel{$num}" onclick="selproduct('{$num}')"><h3>{$product.name}</h3></div>
{/foreach}
<div class="clear"></div>

</div>

<div class="cartprods">

{foreach from=$products key=num item=product}
<div class="product" id="product{$num}">

<table width="100%" style="border:none !important"><tr><td>

{foreach from=$product.features key=feature item=value}
{if !$value|strstr:"!@"}
<span class="prodfeature" style="background:{$product.color}"><span class="feature">{$feature}</span><br />{$value}</span>
{else}

{/if}
{/foreach}
<div class="clear"></div>

</td><td valign="top" class="textright" nowrap>

{if $product.bid}
{if $product.displayprice}<span class="pricing">{$product.displayprice}</span><br />{/if}
{$LANG.bundledeal}
{else}
{if $product.pricing.hasconfigoptions}{$LANG.startingfrom}<br />{/if}
<span class="pricing">{$product.pricing.minprice.price}</span><br />
{if $product.pricing.minprice.cycle eq "monthly"}
{$LANG.orderpaymenttermmonthly}
{elseif $product.pricing.minprice.cycle eq "quarterly"}
{$LANG.orderpaymenttermquarterly}
{elseif $product.pricing.minprice.cycle eq "semiannually"}
{$LANG.orderpaymenttermsemiannually}
{elseif $product.pricing.minprice.cycle eq "annually"}
{$LANG.orderpaymenttermannually}
{elseif $product.pricing.minprice.cycle eq "biennially"}
{$LANG.orderpaymenttermbiennially}
{elseif $product.pricing.minprice.cycle eq "triennially"}
{$LANG.orderpaymenttermtriennially}
{/if}
{/if}

</td></tr></table>

<div class="description">{$product.featuresdesc}</div>

<form method="post" action="cart.php?a=add&{if $product.bid}bid={$product.bid}{else}pid={$product.pid}{/if}">
<div class="ordernowbox" style="text-align:center"><input type="submit" value="{$LANG.ordernowbutton}" class="btn btn-md btn-blue" style="background:{$product.color}"/></div>
</form>

</div>
{/foreach}

</div>

{if !$loggedin && $currencies}
<div id="currencychooser">
{foreach from=$currencies item=curr}
<a href="cart.php?gid={$gid}&currency={$curr.id}"><img src="images/flags/{if $curr.code eq "AUD"}au{elseif $curr.code eq "CAD"}ca{elseif $curr.code eq "EUR"}eu{elseif $curr.code eq "GBP"}gb{elseif $curr.code eq "INR"}in{elseif $curr.code eq "JPY"}jp{elseif $curr.code eq "USD"}us{elseif $curr.code eq "ZAR"}za{else}na{/if}.png" border="0" alt="" /> {$curr.code}</a>
{/foreach}
</div>
<div class="clear"></div>
{/if}

{/if}

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