whmcsCrosterTemplates/order.tpl.orig

<link rel="stylesheet" type="text/css" href="{$WEB_ROOT}/templates/orderforms/{$carttpl}/css/all.min.css?v={$versionHash}" />
<link rel="stylesheet" type="text/css" href="{$WEB_ROOT}/templates/orderforms/{$carttpl}/css/style.css?v={$versionHash}" />
<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/main.min.js?v={$versionHash}"></script>

{if $ordertype == 'global'}
<script>
	jQuery(document).ready(function () {
		recalcsummary();
        if (jQuery('#hiddenpromo').val().trim() != '') {
            jQuery('#promocode').val(jQuery('#hiddenpromo').val());
            jQuery('.applypromo').trigger('click');
            setTimeout(function(){ recalcheckout(); }, 1000);
            
        }else{
            recalcheckout();
        }
        
		{if $pid}jQuery('#pid_{$pid}').trigger('click');{/if}
		{if $domainorder == 'transfer'}jQuery(".domain-trans").trigger("click");{/if}
	
	});
	var ccdordertype = 'all';
    {if $domainorder == 'register'}
		ccdordertype = 'register';
    {/if}
    {if $domainorder == 'transfer'}
		ccdordertype = 'transfer';
    {/if}
</script>

{if $themesettings.orderform.opcnoheader}
<div class="hero spc no-padding-bottom">
    <div class="container">
		<div class="logo-section">
			<a class="logo" href="{$WEB_ROOT}/">
				{if $themesettings.general.enablelogo}
					<img src="{$themesettings.general.logourl}" alt="{$companyname}" class="logo-light img-responsive" />
					{if $themesettings.general.darklogo}
						<img src="{$themesettings.general.darklogo}" alt="{$companyname}" class="logo-dark img-responsive" />
					{else}
					<span class="logo-dark">{$companyname}</span>
					{/if}
				{else}
					<span class="logo-light">{$companyname}</span>
				{/if}
			</a>
		</div>
					
        <div class="page-title">
			<div class="header-lined">
				<div>
				</div>
				<div>
					{include file="$template/includes/breadcrumb.tpl"}
					{if $desc}
						<span>{$desc}</span>
					{/if}
				</div>
			</div>
        </div>
    </div>
</div>
{else}
<div class="hero d-flex align-items-center no-padding-bottom">
    <div class="container">
        <div class="page-title">
            {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
        </div>
    </div>
</div>
{/if}

<div id="order-standard_cart">
    <input type="hidden" value="{$promocode}" id="hiddenpromo"/>
    <div class="cat-loader" style="display: none;">
        <div class="loader-icon">
            <i class="fad fa-circle-notch fa-spin fa-3x"></i>
        </div>
    </div>
    <div class="container">
        <div class="onepage_cart" id="onepage_cart">
            <div class="row ajaxcart_cont">
                <div class="col-lg-8 col-xl-9">
				
                    <span class="d-block d-lg-none float-right">
                        <a href="{$WEB_ROOT}/order.php{if $domainorder == 'register'}?domainaction=register{elseif $domainorder == 'transfer'}?domainaction=transfer{/if}" onclick="emptyCart()" class="btn btn-link btn-emptycart" data-toggle="tooltip" data-placement="top" title="{$LANG.emptycart}"><i class="fas fa-trash"></i> {$LANG.emptycart}</a>
                     </span>
					<div class="clearfix"></div>
					
                    <form id="coniguration_form" onsubmit="return false;">
                        <div class="p_error" style="display: none;"></div>
                        {if $domainorder == 'all'}
                            <div class="TM-card blocks products{if $themesettings.orderform.opcpab}{if $smarty.get.pid || $smarty.get.billingcycle} hidden{/if}{/if}"> 
                                <div class="blocks_heading">
                                    <div>
                                        <label>
                                            <input class="no-icheck ortype no-radio" {if $ordertype != 'domain'}checked="checked"{/if} name="ortype" type="radio" value="productdomain">
                                            <span class="scheck no-icon"><h6 class="h4 fw-500">&nbsp;{$LANG.orderchooseapackage}</h6></span>
                                        </label>
                                    </div>
                                </div>

                                <div class="blocks_body productsbody" {if $ordertype == 'domain'}style="display:none;"{/if}>
                                    <div class="padding-all no-padding-bottom">	
                                        <div class="groups_sec">
                                            <select name="gid" onchange="getProducts()" id="gid" class="form-control">
                                                {foreach from=$productgroups key=num item=group}
                                                    {if $group.hidden eq '0'}
                                                        <option value="{$group.id}" {if $gid eq $group.id}selected="selected"{/if}>{$group.name}</option>
                                                    {/if}
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>

                                    <div class="space-8"></div>

                                    <div class="product_list border-top" id="product_body">
										<div class="plan-list-slider">
										   {foreach from=$products key=num item=product}
											<div {if $num eq 0}class="class="empty_p"{/if}{if $product.extra.hidden neq "0" || $product.extra.retired neq "0"} style="display: none;"{/if}>
												<label for="pid_{$product.id}">
													<input type="radio" {if $product.extra.freedomain !== ''}data-freedomain='{$product.extra.freedomain}'{/if} data-havedomain='{if $product.showdomainoptions}1{else}0{/if}' {if $product.extra.subdomain != ''}data-havesubdomain='1' data-subdomains='{$product.extra.subdomain}'{else}data-havesubdomain='0' {/if} class="no-icheck no-radio domaincheckhaveit" name="pid" {if $pid eq $product.id}checked="checked"{/if} value="{$product.id}" id="pid_{$product.id}" onclick="addToCart(); triggerProduct();"/>
													<span class="scheck products-radio"><h6 class="h5">{$product.name}</h6></span>
												</label>
                                                {if $product.extra.freedomainpaymentterms !== ''}
                                                <input type="hidden" name="freedomainpaymentterms" id="freedomainpaymentterms{$product.id}" value="{$product.extra.freedomainpaymentterms}">
                                                {assign var=freedomainpaymentterms value=$product.extra.freedomainpaymentterms }
                                                {/if}
                                                {if $product.extra.freedomaintlds !== ''}
                                                <input type="hidden" name="freedomaintlds" id="freedomaintlds{$product.id}" value="{$product.extra.freedomaintlds}">
                                                {assign var=freedomaintlds value=$product.extra.freedomaintlds }
                                                {/if}    
                                                {if $product.extra.freedomaintlds !==''}                                            
                                                    {assign var=freedomainvar value=$product.extra.freedomain }
                                                {/if}
											</div>
										   {/foreach}
									   </div>
                                    </div>
									
                                </div>
                            </div>
							
                            <div class="blocks products_billingcycle{if $themesettings.orderform.opcpab}{if $smarty.get.billingcycle} hidden{/if}{/if}" id="products-billingcycle" style="display:none;">
                                <div class="blocks_body productsbody">
                                    <div class="no-padding-bottom" style="font-size: 0;">
                                        {foreach from=$products key=num item=product}                                       

                                            {if $product.paytype eq 'onetime' || $product.paytype eq 'free' || $product.pricing|@count eq '0'}
                                                    <input type="hidden" name="billingcycle[{$product.id}]" value="monthly">
                                            {else}
                                                <div class="row div_billingcyle" style="display:none;" id="billingcycle_{$product.id}">
                                                    {foreach from=$product.pricing item=pricing}
                                                    {if isset($smarty.get.billingcycle)}                                                    
                                                        {$BACKCART['products'][0]['billingcycle'] = ""}
                                                        {$pricing.checked = ""}
                                                    {/if}                                                    
                                                        {if $pricing.monthly}
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>                                                                 
                                                                        <input type="radio" class="cros-checkbox no-icheck" id="monthly{$product.id}" name="billingcycle[{$product.id}]" value="monthly" onclick="addToCart();triggerBillingCycle();" {if $BACKCART['products'][0]['pid'] == $product.id && $BACKCART['products'][0]['billingcycle'] == 'monthly'} checked='checked'{elseif $smarty.get.billingcycle=='monthly'} checked='checked'{elseif $pricing.checked} checked='checked'{/if}>

                                                                        <span class="pcb xs">
                                                                            <span class="c-name">{$LANG.orderpaymenttermmonthly}</span>
                                                                            <span class="c-price">{$pricing.monthly}</span>
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            </div>                          
                                                        {elseif $pricing.quarterly}
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>
                                                                        <input type="radio" class="cros-checkbox no-icheck" id="quarterly{$product.id}" name="billingcycle[{$product.id}]" value="quarterly" onclick="addToCart();triggerBillingCycle();" {if $BACKCART['products'][0]['pid'] == $product.id && $BACKCART['products'][0]['billingcycle'] == 'quarterly'} checked='checked'{elseif $smarty.get.billingcycle=='quarterly'} checked='checked'{elseif $pricing.checked} checked='checked'{/if}>
                                                                        <span class="pcb xs">
                                                                            <span class="c-name">{$LANG.orderpaymenttermquarterly}</span>
                                                                            <span class="c-price">{$pricing.quarterly}</span>
                                                                            {if $pricing.savetext}<span class="c-save">{$pricing.savetext}</span>{/if}
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            </div>                                                        
                                                        {elseif $pricing.semiannually}
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>
                                                                        <input type="radio" class="cros-checkbox no-icheck" id="semiannually{$product.id}" name="billingcycle[{$product.id}]" value="semiannually" onclick="addToCart();triggerBillingCycle();" {if $BACKCART['products'][0]['pid'] == $product.id && $BACKCART['products'][0]['billingcycle'] == 'semiannually'} checked='checked'{elseif $smarty.get.billingcycle=='semiannually'} checked='checked'{elseif $pricing.checked} checked='checked'{/if}>
                                                                        <span class="pcb xs">
                                                                            <span class="c-name">{$LANG.orderpaymenttermsemiannually}</span>
                                                                            <span class="c-price">{$pricing.semiannually}</span>
                                                                            {if $pricing.savetext}<span class="c-save">{$pricing.savetext}</span>{/if}
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            </div>                                                        
                                                        {elseif $pricing.annually}
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>
                                                                        <input type="radio" class="cros-checkbox no-icheck"  id="annually{$product.id}" name="billingcycle[{$product.id}]" value="annually" onclick="addToCart();triggerBillingCycle();" {if $BACKCART['products'][0]['pid'] == $product.id && $BACKCART['products'][0]['billingcycle'] == 'annually'} checked='checked'{elseif $smarty.get.billingcycle=='annually'} checked='checked'{elseif $pricing.checked} checked='checked'{/if}>
                                                                        <span class="pcb xs">
                                                                            <span class="c-name">{$LANG.orderpaymenttermannually}</span>
                                                                            <span class="c-price">{$pricing.annually}</span>
                                                                            {if $pricing.savetext}<span class="c-save">{$pricing.savetext}</span>{/if}
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            </div>                                                        
                                                        {elseif $pricing.biennially}
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>
                                                                        <input type="radio" class="cros-checkbox no-icheck" id="biennially{$product.id}" name="billingcycle[{$product.id}]" value="biennially" onclick="addToCart();triggerBillingCycle();" {if $BACKCART['products'][0]['pid'] == $product.id && $BACKCART['products'][0]['billingcycle'] == 'biennially'} checked='checked'{elseif $smarty.get.billingcycle=='biennially'} checked='checked'{elseif $pricing.checked} checked='checked'{/if}>
                                                                        <span class="pcb xs">
                                                                            <span class="c-name">{$LANG.orderpaymenttermbiennially}</span>
                                                                            <span class="c-price">{$pricing.biennially}</span>
                                                                            {if $pricing.savetext}<span class="c-save">{$pricing.savetext}</span>{/if}
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            </div>                                                        
                                                        {elseif $pricing.triennially}
                                                            <div class="col-sm-4">
                                                                <div class="form-group">
                                                                    <label>
                                                                        <input type="radio" class="cros-checkbox no-icheck" id="triennially{$product.id}" name="billingcycle[{$product.id}]" value="triennially" onclick="addToCart();triggerBillingCycle();" {if $BACKCART['products'][0]['pid'] == $product.id && $BACKCART['products'][0]['billingcycle'] == 'triennially'} checked='checked'{elseif $smarty.get.billingcycle=='triennially'} checked='checked'{elseif $pricing.checked} checked='checked'{/if}>
                                                                        <span class="pcb xs">
                                                                            <span class="c-name">{$LANG.orderpaymenttermtriennially}</span>
                                                                            <span class="c-price">{$pricing.triennially}</span>
                                                                            {if $pricing.savetext}<span class="c-save">{$pricing.savetext}</span>{/if}
                                                                        </span>
                                                                    </label>
                                                                </div>
                                                            </div>                                                        
                                                        {/if}
                                                    {/foreach}
                                                </div>
                                            {/if}
                                        {/foreach}
                                    </div>
                                </div>
                            </div>

                        {/if}
                        <div class="domain_error" style="display: none;"></div>
                        {if $CONFIG.AllowRegister == 'on' || $CONFIG.AllowTransfer == 'on' || $CONFIG.AllowOwnDomain == 'on'}
                            <div class="TM-card blocks domain_cont domainareadata" {if $domainorder == 'all'} style="display: none;" {else}style="display: block;"{/if}>
                                <div class="blocks_heading">
                                    <h2>{$LANG.cartproductdomainchoose}</h2>
                                </div>
                                  
                                {assign var=freedomaindisplay value='none' }
                                {if $freedomainpaymentterms|strstr:$BACKCART['products'][0]['billingcycle']}                                 
                                    {assign var=freedomaindisplay value='block' }
                                {/if}
                                
                                {if ($CONFIG.AllowRegister == 'on' || $CONFIG.AllowTransfer == 'on') && $freedomainvar}
                                    <div class="domain_spcl_offer" style="display:{$freedomaindisplay};">
                                        <p>
                                            <span class="bold">Get a free <span class="terms-once">1 year</span> {$LANG.orderdomainregonly}</span> or <span class="bold">{$LANG.orderdomaintransfer}</span>
                                        </p>  
                                                                            
                                        {if $freedomaintlds}
											<p><small>{$LANG.orderfreedomainappliesto}: <span id="freetlds">{$freedomaintlds}</span></small></p>
                                        {/if}
                                    </div>
                                {/if}


                                {if $CONFIG.AllowRegister !== 'on' || $CONFIG.AllowTransfer !== 'on'}
                                    <div class="blocks_body domains">	
                                        {if $CONFIG.AllowOwnDomain == 'on'}
                                            <a href="javascript:void(0)" class="domain_sec domain-own hidden {if $BACKCART['products'][0]['domain'] != '' && !empty($BACKCART['domains']) <= 0}domain_sec_active{/if}">
                                                <input type="radio" class="no-radio no-icheck" name="domaintype" {if $BACKCART['products'][0]['domain'] != '' && !empty($BACKCART['domains']) <= 0 && $domainorder !== 'transfer'}checked='checked'{/if} value="owndomain" id="owndomain" checked='checked'/>&nbsp;{$LANG.domaincheckerhostingonly} 
                                            </a> 
                                        {/if}
                                        <div class="domain-input">
                                            <div class="do-desc">
                                                {$LANG.cartexistingdomainchoice|sprintf2:$companyname}
                                            </div>
                                            <div class="input-group">
                                                <span class="input-group-prepend">
													<span class="input-group-text">www.</span>
												</span>
                                                <input type="text" value="{if !empty($BACKCART['domains'][0]['domain_cart']) && $BACKCART['domains'][0]['type'] != 'owndomain'}{$BACKCART['domains'][0]['domain_cart'][0]}{elseif !empty($BACKCART['domains'][0]['domain_cart']) <= 0 && $BACKCART['products'][0]['domain'] != ''}{$BACKCART['products'][0]['domain']}{/if}" name="domain" id="domainname" class="form-control" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{lang key='orderForm.enterDomain'}" />
                                                <input type="hidden" value="" name="hiddendomain" id="hiddendomainname"/>
                                            </div>
                                        </div>
                                    </div>
                                {else}


                                    <div class="blocks_body domains">
                                        <div class="domain-section-tabs{if $domainorder != 'all'} hidden{/if}">
                                            {if $CONFIG.AllowRegister == 'on'}
                                                <a href="javascript:void(0)" {if $domainorder != 'all' && $domainorder == 'transfer'}style="display: none"{/if} class="domain_sec {if !isset($BACKCART['domains'][0]['type']) && (!isset($BACKCART['products'][0]['domain']) || $BACKCART['products'][0]['domain'] == '')}domain_sec_active{/if} {if $BACKCART['domains'][0]['type'] == 'register'}domain_sec_active{/if}">
                                                    <input type="radio" class="no-radio no-icheck" name="domaintype" value="register" id="register" {if  !isset($BACKCART['domains'][0]['type']) && (!isset($BACKCART['products'][0]['domain']) || $BACKCART['products'][0]['domain'] == '') && $domainorder !== 'transfer' }checked="checked"{/if} {if $BACKCART['domains'][0]['type'] == 'register'}checked="checked"{/if} />&nbsp;{$LANG.navdomainsearch}
                                                </a> 
                                            {/if}
                                            {if $CONFIG.AllowTransfer == 'on'}
                                                <a href="javascript:void(0)" {if $domainorder != 'all' && $domainorder == 'register'}style="display: none"{/if}  class="domain_sec domain-trans {if $BACKCART['domains'][0]['type'] == 'transfer'}domain_sec_active{/if}">
                                                    <input type="radio" class="no-radio no-icheck" name="domaintype" {if $BACKCART['domains'][0]['type'] == 'transfer'}checked='checked'{/if} value="transfer" id="transfer"/>&nbsp;{$LANG.domaintransfer}
                                                </a>  
                                            {/if}
                                            {if $domainorder == 'all'}
                                                {if $CONFIG.AllowOwnDomain == 'on'}
                                                    <a href="javascript:void(0)" class="domain_sec domain-own {if $BACKCART['products'][0]['domain'] != '' && !empty($BACKCART['domains']) <= 0}domain_sec_active{/if}">
                                                        <input type="radio" class="no-radio no-icheck" name="domaintype" {if $BACKCART['products'][0]['domain'] != '' && !empty($BACKCART['domains']) <= 0}checked='checked'{/if} value="owndomain" id="owndomain"/>&nbsp;{$LANG.domaincheckerhostingonly}
                                                    </a> 
                                                {/if}
                                                <a href="javascript:void(0)" class="hidden domain_sec domain-subdomain">
                                                    <input type="radio" class="no-radio no-icheck" name="domaintype" value="subdomain" id="subdomain"/>&nbsp;{$LANG.orderusesubdomain}
                                                </a> 
                                            {/if}
                                        </div>
                                        <div class="domain-input clearfix hidden" id="domainsubdomain">
                                            <div class="sd-desc">
                                                {$LANG.cartsubdomainchoice|sprintf2:$companyname}
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-10">
                                                    <div class="row domains-row">
                                                        <div class="col-xs-7 col-7">
                                                            <div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text">https://</span>
																</span>																
                                                                <input type="text" name="subdomainvaltext" id="subdomainsld" value="" placeholder="yourname" class="form-control" autocapitalize="none" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{lang key='orderForm.enterDomain'}" />
                                                            </div>
                                                        </div>														
                                                        <div class="col-xs-5 col-5">
                                                            <select id="subdomaintld" name="subdomainval" class="form-control">
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-2">
                                                    <button type="button" onclick="checksubdomain()" class="btn btn-primary btn-block">
                                                        {$LANG.orderForm.check}
                                                    </button>
                                                </div>
                                            </div>
											
											<div class="row">
												<div class="col-md-12">
												   <div class="domain-msg1" id="domain_msg1" style="display: none;"></div>
												</div>
											</div>
                                        </div>
                                        <div class="domain-input">
                                            <div class="dr-desc {if $domainorder != 'all' && $domainorder == 'transfer'}hidden{/if}">
                                                {$LANG.cartregisterdomainchoice|sprintf2:$companyname}
                                            </div>
                                            <div class="dt-desc {if $domainorder != 'all' && $domainorder == 'transfer'}{else}hidden{/if}">
                                                {$LANG.carttransferdomainchoice|sprintf2:$companyname}
                                            </div>
                                            <div class="do-desc hidden">
                                                {$LANG.cartexistingdomainchoice|sprintf2:$companyname}
                                            </div>
                                            
                                            <div class="domain-inputs-sec">
												<div class="domain-input-col">
													<div class="input-group">
														<span class="input-group-prepend">
															<span class="input-group-text">www.</span>
														</span>	
                                                         <input type="text" value="{if !empty($BACKCART['domains'][0]['domain_cart']) && $BACKCART['domains'][0]['type'] != 'owndomain'}{$BACKCART['domains'][0]['domain_cart'][0]}{elseif !empty($BACKCART['domains'][0]['domain_cart']) <= 0 && $BACKCART['products'][0]['domain'] != ''}{$BACKCART['products'][0]['domain']}{/if}" name="domain" id="domainname" class="form-control" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{lang key='orderForm.enterDomain'}" />
                                                         <input type="hidden" value="" name="hiddendomain" id="hiddendomainname"/>
                                                     </div>
                                                 </div>
                                                 <div class="tld">
                                                    <select class="form-control" name="tld">
                                                       {foreach from=$tlds key=num item=tld}
                                                           <option value="{$tld.extension}" {if !empty($BACKCART['domains'][0]['domain_cart']) && $BACKCART['domains'][0]['domain_cart'][1] == $tld.extension}selected='selected'{/if}>{$tld.extension}</option>
                                                       {/foreach}
                                                    </select>
                                                 </div>
                                                 <div class="authcode" style="display: none;">
                                                     <input type="text" name="eppcode" value="" id="eppcode" class="form-control" placeholder="{lang key='orderForm.authCodePlaceholder'}" <input type="text" name="eppcode" value="" id="eppcode" class="form-control" placeholder="{lang key='orderForm.authCodePlaceholder'}" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{lang key='orderForm.authCodeTooltip'}" />
                                                 </div>
				                                 <div class="domain_search">
													 <button class="btn btn-primary btn-block" onclick="domainSearch();">{$LANG.search}</button>
												 </div>
                                            </div>
                                            
                                            <div class="domainloaderi loader-img" style="display: none;margin: 25px;"><i class="fad fa-circle-notch fa-spin fa-2x"></i></div>
                                            <div class="domain-msg domain_config" id="domain_msg" style="display: none;">
                                                {foreach from=$existingdomains item=edomain}
                                                {if !$edomain.domain} {continue} {/if}
                                                        <div data-domain="{$edomain.domain}" class="alert domainresuc domain_success">{$edomain.domain} {$LANG.orderForm.domainAddedToCart}<a href="#" class="close deletedod" data-domain="{$edomain.domain}" aria-label="close"><i class="fas fa-times"></i></a></div>
                                                {/foreach}
                                            </div>
                                            <div class="suggested-domains{if !$showSuggestionsContainer} hidden{/if}">
                                                <div class="panel-heading">
                                                    {lang key='orderForm.suggestedDomains'}
                                                </div>
                                                <div id="suggestionsLoader" class="panel-body domain-lookup-loader domain-lookup-suggestions-loader">
                                                    <i class="fas fa-spinner fa-spin"></i> {lang key='orderForm.generatingSuggestions'}
                                                </div>
                                                <ul id="domainSuggestionsbackup" style="display: none"><li class="domain-suggestion list-group-item hidden">
                                                        <span class="domain"></span><span class="extension"></span>
                                                        <span class="promo hidden">
                                                            <span class="sales-group-hot hidden">{lang key='domainCheckerSalesGroup.hot'}</span>
                                                            <span class="sales-group-new hidden">{lang key='domainCheckerSalesGroup.new'}</span>
                                                            <span class="sales-group-sale hidden">{lang key='domainCheckerSalesGroup.sale'}</span>
                                                        </span>
                                                        <div class="actions">
                                                            <span class="price"></span>
                                                            <button type="button" class="btn btn-add-to-cart2" data-whois="1" data-domain="">
                                                                <span class="to-add">{$LANG.addtocart}</span>
                                                                <span class="added"><i class="far fa-shopping-cart"></i>{$LANG.domaincheckeradded} - <span class="removedd">{$LANG.cartremove}?</span></span>
                                                                <span class="unavailable">{$LANG.domaincheckertaken}</span>
                                                            </button>
                                                            <button type="button" class="btn btn-primary domain-contact-support hidden">
                                                                {lang key='domainChecker.contactSupport'}
                                                            </button>
                                                        </div>
                                                    </li></ul>
                                                <ul id="domainSuggestions" class="domain-lookup-result list-group hidden">
                                                    <li class="domain-suggestion list-group-item hidden">
                                                        <span class="domain"></span><span class="extension"></span>
                                                        <span class="promo hidden">
                                                            <span class="sales-group-hot hidden">{lang key='domainCheckerSalesGroup.hot'}</span>
                                                            <span class="sales-group-new hidden">{lang key='domainCheckerSalesGroup.new'}</span>
                                                            <span class="sales-group-sale hidden">{lang key='domainCheckerSalesGroup.sale'}</span>
                                                        </span>
                                                        <div class="actions">
                                                            <span class="price"></span>
                                                            <button type="button" class="btn btn-add-to-cart2" data-whois="1" data-domain="">
                                                                <span class="to-add">{$LANG.addtocart}</span>
                                                                <span class="added"><i class="far fa-shopping-cart"></i>{$LANG.domaincheckeradded} - <span class="removedd">{$LANG.cartremove}?</span></span>
                                                                <span class="unavailable">{$LANG.domaincheckertaken}</span>
                                                            </button>
                                                            <button type="button" class="btn btn-primary domain-contact-support hidden">
                                                                {lang key='domainChecker.contactSupport'}
                                                            </button>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="panel-footer more-suggestions hidden text-center">
                                                    <a id="moreSuggestions" href="#" onclick="loadMoreSuggestions();
                                                            return false;">{lang key='domainsmoresuggestions'}</a>
                                                    <span id="noMoreSuggestions" class="no-more small hidden">{lang key='domaincheckernomoresuggestions'}</span>
                                                </div>
                                                <div class="text-center text-muted domain-suggestions-warning">
                                                    <p>{lang key='domainssuggestionswarnings'}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                {/if}

                            </div>
                            <div class="domain_config" style="display: none;">
                                <div class="TM-card blocks domainconfig">
                                    <div class="blocks_heading">
                                        <h2>{$LANG.cartdomainsconfig}</h2>
                                    </div>
                                    <div class="blocks_body" id="domain_config"></div>
                                </div>
                            </div> 
                        {/if}
                        <div class="product_config" style="display: none;">
                            <div class="p_config_error" style="display: none;"></div>
                            <div class="blocks_body" id="product_config"></div>
						</div>

						<div class="row">
							<div class="col-md-12">
								<div class="coupon_cont">
									<div class="form-group prepend-icon">
										<div class="input-group">
											<label for="cardno" class="field-icon">
												<i class="fad fa-cut text-primary"></i>
											</label>
											<input type="text" value="" name="promocode" id="promocode" class="form-control field" placeholder="{lang key="orderPromoCodePlaceholder"}" />							 
											<span class="input-group-btn">
												<a href="javascript:void(0)" class="btn btn-primary promo_btn applypromo" onclick="applyPromo();"><span class="d-block d-sm-none"><i class="fas fa-check"></i></span><span class="d-none d-sm-block">{$LANG.orderpromovalidatebutton}</span></a>
												<a href="javascript:void(0)" class="btn btn-danger promo_btn removepromo" onclick="removePromo();" style="display: none;"><span class="d-block d-sm-none"><i class="fas fa-times"></i></span><span class="d-none d-sm-block">{$LANG.orderForm.remove}</span></a>
											</span>
										</div>
									</div>
								</div>
								<div class="promo-msg" style="display: none;"></div>
							</div>
						</div>
                    </form>
                    <div id="ws-ajax-order-form">
                    </div>
                </div>
                <div class="col-lg-4 col-xl-3">
                    <div id="sidebar">
                        <div class="sidebar__inner blocks cartsummary">
                            <div class="blocks_summaryheading d-none d-lg-block">
                                <div class="d-flex align-items-center justify-content-between">
                                    <span class="h2">
                                        <i class="fal fa-shopping-cart"></i>&nbsp;{$LANG.ordersummary}
                                    </span>
                                </div>
                            </div>
                            <div id="ordersummary">
                                <div class="cartsummary_cont">
                                    <div class="heading">
                                        <ul>
                                            <li>
                                                {$LANG.orderdesc}
                                            </li>
                                            <li>
                                                {$LANG.orderprice}
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="summary_body">
										<div class="cart-contents collapse" id="CartContents">
											<div class="emptycart">
												{$LANG.cartempty}
											</div>
											
											<div class="subtotal">
												<ul>
													<li>Subtotal</li>
													<li>0.00</li>
												</ul>
											</div>
										</div>
                                        <div class="total">
											<div class="d-flex align-items-center">
												<button type="button" class="btn btn-cart-contents"><i class="fas fa-chevron-up"></i></button>
											</div>
                                            <ul>
                                                <li>Total Due Today</li>
                                                <li>0.00</li>
                                            </ul>
                                        </div>
                                        <div class="cart-loader">
                                            <i class="fad fa-circle-notch fa-spin fa-2x"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
							
                            <span class="d-none d-lg-block">
                                <a href="{$WEB_ROOT}/order.php{if $domainorder == 'register'}?domainaction=register{elseif $domainorder == 'transfer'}?domainaction=transfer{/if}" onclick="emptyCart()" class="btn btn-link btn-emptycart" data-toggle="tooltip" data-placement="top" title="{$LANG.emptycart}"><i class="fas fa-trash"></i> {$LANG.emptycart}</a>
                            </span>
							
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{elseif $ordertype == 'domainrenewals'}
<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/domainrenewal.min.js?v={$versionHash}"></script>
<script>
	jQuery(document).ready(function () {
		recalcsummary();
		recalcheckout();
		{if $pid}jQuery('#pid_{$pid}').trigger('click');{/if}	
    });
	var ccdordertype = 'domainrenewals';
</script>

{if $themesettings.orderform.opcnoheader}
<div class="hero spc no-padding-bottom">
    <div class="container">
		<div class="logo-section">
			<a class="logo" href="{$WEB_ROOT}/">
				{if $themesettings.general.enablelogo}
					<img src="{$themesettings.general.logourl}" alt="{$companyname}" class="logo-light img-responsive" />
					{if $themesettings.general.darklogo}
						<img src="{$themesettings.general.darklogo}" alt="{$companyname}" class="logo-dark img-responsive" />
					{else}
					<span class="logo-dark">{$companyname}</span>
					{/if}
				{else}
					<span class="logo-light">{$companyname}</span>
				{/if}
			</a>
		</div>
					
        <div class="page-title">
			<div class="header-lined">
				<div>
				</div>
				<div>
					{include file="$template/includes/breadcrumb.tpl"}
					{if $desc}
						<span>{$desc}</span>
					{/if}
				</div>
			</div>
        </div>
    </div>
</div>
{else}
<div class="hero d-flex align-items-center no-padding-bottom">
    <div class="container">
        <div class="page-title">
            <div class="header-lined">
                <h1>
				{if count($renewals) > 1}{lang key='domainrenewals'}{else}{lang key='domainrenewal'}{/if}
				{if count($renewals) > 5}
                <div class="float-right">
                    <input id="domainRenewalFilter" type="search" class="domain-renewals-filter form-control input-inline-100" placeholder="{lang key='searchenterdomain'}">
                </div>
				{/if}
				</h1>
			</div>
		</div>
	</div>
</div>
{/if}

{if count($renewals) == 0}
    <div class="container">
        <div id="no-domains" class="alert alert-warning text-center" role="alert">
            {lang key='domainRenewal.noDomains'}
        </div>
        <p class="text-center">
            <a href="clientarea.php" class="btn btn-default">
                <i class="fas fa-arrow-circle-left"></i>
                {$LANG.orderForm.returnToClientArea}
            </a>
        </p>
    </div>
{else}
    <div id="order-standard_cart">
        <input type="hidden" value="{$promocode}" id="hiddenpromo"/>
        <div class="cat-loader" style="display: none;">
            <div class="loader-icon">
                <i class="fad fa-circle-notch fa-spin fa-3x"></i>
            </div>	
        </div>
        <div class="container">
            <div class="onepage_cart" id="onepage_cart">
                <div class="row ajaxcart_cont">
                    <div class="col-lg-8 col-xl-9">
						<span class="d-block d-lg-none float-right">
							<a href="{$WEB_ROOT}/order.php?ordertype=domain_renewal" onclick="emptyCart()" class="btn btn-link btn-emptycart" data-toggle="tooltip" data-placement="top" title="{$LANG.emptycart}"><i class="fas fa-trash"></i> {$LANG.emptycart}</a>
						</span>
						<div class="clearfix"></div>
						
                        <div class="domain_error" style="display: none;"></div>
                        <p>{$LANG.domainrenewdesc}</p>
                        <form method="post" id="coniguration_form" action="cart.php?a=add&renewals=true">
                            
								{foreach from=$renewals item=renewal}
								<div id="domainRenewals" class="card renewals">
									<div class="card-body">
										<h4 class="m-0">{$renewal.domain} <span class="label label-default">{$renewal.status}</span></h4>
										<p class="small text-muted">
											{if $renewal.daysuntilexpiry > 30}
												<span class="text-success">
													{$renewal.daysuntilexpiry} {$LANG.domainrenewalsdays}
												</span>
											{elseif $renewal.daysuntilexpiry > 0}
												<span class="text-danger">
													{$renewal.daysuntilexpiry} {$LANG.domainrenewalsdays}
												</span>
											{else}
												<span>
													{$renewal.daysuntilexpiry*-1} {$LANG.domainrenewalsdaysago}
												</span>
											{/if}
											{if $renewal.ingraceperiod}
												<br />
												<span class="text-danger">
													{$LANG.domainrenewalsingraceperiod}
												</span>
											{/if}										
										</p>   
										{if $renewal.beforerenewlimit}
											<p class="text-danger">
												{$LANG.domainrenewalsbeforerenewlimit|sprintf2:$renewal.beforerenewlimitdays}
											</p>
										{elseif $renewal.pastgraceperiod}
											<p class="text-danger">
												{$LANG.domainrenewalspastgraceperiod}
											</p>
										{else}
											<div class="form-group">
												<select class="form-control" name="renewalperiod[{$renewal.id}]">
													{foreach from=$renewal.renewaloptions item=renewaloption}
														<option value="{$renewaloption.period}">
															{$renewaloption.period} {$LANG.orderyears} @ {$renewaloption.price}
														</option>
													{/foreach}
												</select>
											</div>
										{/if}
									</div>
									<div class="card-footer">
										{if !$renewal.pastgraceperiod && !$renewal.beforerenewlimit}
											<div class="text-right">
												<label class="mb-0">
													<input type="checkbox" class="no-icheck nocheck domainrenewald" name="renewalids[]" value="{$renewal.id}" />
													<span class="scheck btn btn-primary btn-sm"><h6 class="h5">{$LANG.addtocart}</h6></span>
												</label>
											</div>
										{/if}
									</div>
								</div>									
								{foreachelse}
									<div class="alert alert-info">
										{$LANG.domainrenewalsnoneavailable}
									</div>
								{/foreach}
                            
							<div class="row">
								<div class="col-md-12">
									<div class="coupon_cont">
										<div class="form-group prepend-icon">
											<div class="input-group">
												<label for="cardno" class="field-icon">
													<i class="fad fa-cut text-primary"></i>
												</label>
												<input type="text" value="" name="promocode" id="promocode" class="form-control field" placeholder="{lang key="orderPromoCodePlaceholder"}" />							 
												<span class="input-group-btn">
													<a href="javascript:void(0)" class="btn btn-primary promo_btn applypromo" onclick="applyPromo();"><span class="d-block d-sm-none"><i class="fas fa-check"></i></span><span class="d-none d-sm-block">{$LANG.orderpromovalidatebutton}</span></a>
													<a href="javascript:void(0)" class="btn btn-danger promo_btn removepromo" onclick="removePromo();" style="display: none;"><span class="d-block d-sm-none"><i class="fas fa-times"></i></span><span class="d-none d-sm-block">{$LANG.orderForm.remove}</span></a>
												</span>
											</div>
										</div>
									</div>
									<div class="promo-msg" style="display: none;"></div>
								</div>
							</div>
                        </form>
                        <div id="ws-ajax-order-form">
                        </div>
                    </div>
                    <div class="col-lg-4 col-xl-3">
                        <div id="sidebar">
                            <div class="sidebar__inner blocks cartsummary">
                                <div class="blocks_summaryheading d-none d-lg-block">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <span class="h2">
                                            <i class="fal fa-shopping-cart"></i>&nbsp;{$LANG.ordersummary}
                                        </span>
                                    </div>
                                </div>
                                <div id="ordersummary">
                                    <div class="cartsummary_cont">
                                        <div class="heading">
                                            <ul>
                                                <li>
                                                    {$LANG.orderdesc}
                                                </li>
                                                <li>
                                                    {$LANG.orderprice}
                                                </li>
                                            </ul>
                                        </div>
										<div class="summary_body">
											<div class="cart-contents collapse" id="CartContents">
												<div class="emptycart">
													{$LANG.cartempty}
												</div>
												
												<div class="subtotal">
													<ul>
														<li>Subtotal</li>
														<li>0.00</li>
													</ul>
												</div>
											</div>
											<div class="total">
												<div class="d-flex align-items-center">
													<button type="button" class="btn btn-cart-contents"><i class="fas fa-chevron-up"></i></button>
												</div>
												<ul>
													<li>Total Due Today</li>
													<li>0.00</li>
												</ul>
											</div>
											<div class="cart-loader">
												<i class="fad fa-circle-notch fa-spin fa-2x"></i>
											</div>
										</div>
                                    </div>
                                </div>
								
								<span class="d-none d-lg-block">
									<a href="{$WEB_ROOT}/order.php?ordertype=domain_renewal" onclick="emptyCart()" class="btn btn-link btn-emptycart" data-toggle="tooltip" data-placement="top" title="{$LANG.emptycart}"><i class="fas fa-trash"></i> {$LANG.emptycart}</a>
								</span>
								
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{/if}

{elseif $ordertype == 'addons'}
<script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/addons.min.js?v={$versionHash}"></script>
<script>
	jQuery(document).ready(function () {
		recalcsummary();
		recalcheckout();
		{if $pid}jQuery('#pid_{$pid}').trigger('click');{/if}
    
	});
	var ccdordertype = 'addons';
</script>
{if $themesettings.orderform.opcnoheader}
<div class="hero spc no-padding-bottom">
    <div class="container">
		<div class="logo-section">
			<a class="logo" href="{$WEB_ROOT}/">
				{if $themesettings.general.enablelogo}
					<img src="{$themesettings.general.logourl}" alt="{$companyname}" class="logo-light img-responsive" />
					{if $themesettings.general.darklogo}
						<img src="{$themesettings.general.darklogo}" alt="{$companyname}" class="logo-dark img-responsive" />
					{else}
					<span class="logo-dark">{$companyname}</span>
					{/if}
				{else}
					<span class="logo-light">{$companyname}</span>
				{/if}
			</a>
		</div>
					
        <div class="page-title">
			<div class="header-lined">
				<div>
				</div>
				<div>
					{include file="$template/includes/breadcrumb.tpl"}
					{if $desc}
						<span>{$desc}</span>
					{/if}
				</div>
			</div>
        </div>
    </div>
</div>
{else}
<div class="hero d-flex align-items-center no-padding-bottom">
    <div class="container">
        <div class="page-title">
            <div class="header-lined">
                <h1>{$LANG.cartproductaddons}</h1>
            </div>
        </div>
    </div>
</div>
{/if}


{if count($addons) == 0}
    <div class="container">
        <div id="noAddons" class="alert alert-warning text-center" role="alert">
            {$LANG.cartproductaddonsnone}
        </div>
        <p class="text-center">
            <a href="clientarea.php" class="btn btn-default">
                <i class="fas fa-arrow-circle-left"></i>
                {$LANG.orderForm.returnToClientArea}
            </a>
        </p>
    </div>											
{else}
    <div id="order-standard_cart">
        <input type="hidden" value="{$promocode}" id="hiddenpromo"/>
        <div class="cat-loader" style="display: none;">
            <div class="loader-icon">
                <i class="fad fa-circle-notch fa-spin fa-3x"></i>
            </div>	
        </div>
        <div class="container">
            <div class="onepage_cart" id="onepage_cart">
                <div class="row ajaxcart_cont">
                    <div class="col-lg-8 col-xl-9">
						<span class="d-block d-lg-none float-right">
							<a href="{$WEB_ROOT}/order.php?ordertype=addons" onclick="emptyCart()" class="btn btn-link btn-emptycart" data-toggle="tooltip" data-placement="top" title="{$LANG.emptycart}"><i class="fas fa-trash"></i> {$LANG.emptycart}</a>
						</span>
						<div class="clearfix"></div>
						
                        <div class="products">
                            <div class="domain_error" style="display: none;"></div>
                            <form method="post" id="coniguration_form" action="cart.php?gid=addons=true">
                                <div class="row row-eq-height">                                    
                                    {foreach $addons as $num => $addon}
                                        <div class="col-md-6">
                                            <div class="product bg-white" id="product{$num}">
                                                <input type="hidden" name="aid" value="{$addon.id}" />
                                                <div class="product-addon-header">
                                                    <h4>{$addon.name}</h4>
                                                    {if $product.qty}
                                                        <span class="qty">
                                                            {$product.qty} {$LANG.orderavailable}
                                                        </span>
                                                    {/if}
                                                </div>
                                                <div class="product-body">
                                                    <p class="text-muted">{$addon.description}</p>
                                                </div>
                                                <div class="product-options">
                                                    <div class="form-group">
                                                        <select name="selpro[{$addon.id}]" id="inputProductId{$num}" class="form-control field">
                                                            {foreach $addon.productids as $product}
                                                                <option value="{$product.id}">
                                                                    {$product.product}{if $product.domain} - {$product.domain}{/if}
                                                                </option>
                                                            {/foreach}
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="product-addon-footer d-block">
                                                    <div class="product-pricing p-3 bg-light border rounded">
                                                        {if $addon.free}
                                                            {$LANG.orderfree}
                                                        {else}
                                                            <span class="price"><span class="fw-500">{$addon.recurringamount}</span> {$addon.billingcycle}</span>
                                                            {if $addon.havesetup}<br />+ {$addon.setupfee} {$LANG.ordersetupfee}{/if}
                                                        {/if}
                                                    </div>
                                                    <div class="product-actions w-100 mt-1">
                                                        <label class="m-0 w-100">
                                                            <input type="checkbox" class="no-icheck nocheck adaddons" name="adaddons[]" {if $smarty.get.aid==$addon.id} checked="checked" {/if} value="{$addon.id}" />
                                                            <span class="scheck btn btn-primary"><h6 class="h5">{$LANG.addtocart}</h6></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {if $num % 2 != 0}
                                        </div>
                                        <div class="row row-eq-height">
                                        {/if}
                                    {/foreach}
                                </div>
								<div class="row">
									<div class="col-md-12">
										<div class="coupon_cont">
											<div class="form-group prepend-icon">
												<div class="input-group">
													<label for="cardno" class="field-icon">
														<i class="fad fa-cut text-primary"></i>
													</label>
													<input type="text" value="" name="promocode" id="promocode" class="form-control field" placeholder="{lang key="orderPromoCodePlaceholder"}" />							 
													<span class="input-group-btn">
														<a href="javascript:void(0)" class="btn btn-primary promo_btn applypromo" onclick="applyPromo();"><span class="d-block d-sm-none"><i class="fas fa-check"></i></span><span class="d-none d-sm-block">{$LANG.orderpromovalidatebutton}</span></a>
														<a href="javascript:void(0)" class="btn btn-danger promo_btn removepromo" onclick="removePromo();" style="display: none;"><span class="d-block d-sm-none"><i class="fas fa-times"></i></span><span class="d-none d-sm-block">{$LANG.orderForm.remove}</span></a>
													</span>
												</div>
											</div>
										</div>
										<div class="promo-msg" style="display: none;"></div>
									</div>
								</div>
                            </form>
                        </div>
                        <div id="ws-ajax-order-form">     
                        </div>
                    </div>
                    <div class="col-lg-4 col-xl-3">
                        <div id="sidebar">
                            <div class="sidebar__inner blocks cartsummary">
                                <div class="blocks_summaryheading d-none d-lg-block">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <span class="h2">
                                            <i class="fal fa-shopping-cart"></i>&nbsp;{$LANG.ordersummary}
                                        </span>
                                    </div>
                                </div>
                                <div id="ordersummary">
                                    <div class="cartsummary_cont">
                                        <div class="heading">
                                            <ul>
                                                <li>
                                                    {$LANG.orderdesc}
                                                </li>
                                                <li>
                                                    {$LANG.orderprice}
                                                </li>
                                            </ul>
                                        </div>
										<div class="summary_body">
											<div class="cart-contents collapse" id="CartContents">
												<div class="emptycart">
													{$LANG.cartempty}
												</div>
												
												<div class="subtotal">
													<ul>
														<li>Subtotal</li>
														<li>0.00</li>
													</ul>
												</div>
											</div>
											<div class="total">
												<div class="d-flex align-items-center">
													<button type="button" class="btn btn-cart-contents"><i class="fas fa-chevron-up"></i></button>
												</div>
												<ul>
													<li>Total Due Today</li>
													<li>0.00</li>
												</ul>
											</div>
											<div class="cart-loader">
												<i class="fad fa-circle-notch fa-spin fa-2x"></i>
											</div>
										</div>
                                    </div>
                                </div>
								
								<span class="d-none d-lg-block">
									<a href="{$WEB_ROOT}/order.php?ordertype=addons" onclick="emptyCart()" class="btn btn-link btn-emptycart" data-toggle="tooltip" data-placement="top" title="{$LANG.emptycart}"><i class="fas fa-trash"></i> {$LANG.emptycart}</a>
								</span>
								
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{/if}
{/if}

<script type="text/javascript" src="{$BASE_PATH_JS}/jquery.payment.js"></script>
<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: 60,
        bottomSpacing: 60,
        minWidth: 992,
        containerSelector: '.ajaxcart_cont',
        innerWrapperSelector: '.sidebar__inner'
    });
	jQuery(document).on('click', '.btn-cart-contents', function (e) {
		if (jQuery(window).width() <= 991) {
			jQuery('.cartsummary_cont .summary_body >.cart-contents').slideToggle();
		}
	});
    
	
	{if $domainorder == 'all'}
	
	{if $products|@count eq '1'}
	jQuery(document).ready(function () {
		var slider = tns({
			container: ".plan-list-slider",
			items: 2,
			nav: false,
			controls: false,
			loop: false,
			arrowKeys: true,
			mouseDrag: true,
			responsive: {
				640: {
					items: 1
				},
				700: {
					items: 1
				},
				900: {
					items: 1
				}
			}
		});
	});
	{elseif $products|@count eq '2'}
	jQuery(document).ready(function () {
		var slider = tns({
			container: ".plan-list-slider",
			items: 2,
			nav: true,
			controls: false,
			loop: false,
			arrowKeys: true,
			mouseDrag: true,
			responsive: {
				640: {
					items: 1
				},
				700: {
					items: 2
				},
				900: {
					items: 2
				}
			}
		});
	});
	{elseif $products|@count eq '3'}
	jQuery(document).ready(function () {
		var slider = tns({
			container: ".plan-list-slider",
			items: 2,
			nav: true,
			controls: false,
			loop: false,
			arrowKeys: true,
			mouseDrag: true,
			responsive: {
				640: {
					items: 1
				},
				700: {
					items: 2
				},
				900: {
					items: 3
				}
			}
		});
	});
	{elseif $products|@count > '3'}
	jQuery(document).ready(function () {
		var slider = tns({
			container: ".plan-list-slider",
			items: 2,
			nav: true,
			controls: false,
			loop: false,
			arrowKeys: true,
			mouseDrag: true,
			responsive: {
				640: {
					items: 1
				},
				700: {
					items: 2
				},
				900: {
					items: 4
				}
			}
		});
	});
	{/if}
	
	{/if}
</script>
	
{if $stripejs}
    <script type="text/javascript" src="https://js.stripe.com/v3/"></script>   
{/if}