{include file="$template/includes/pageheader.tpl" title="HostArmada Product Cart" desc="Start your improved Web Hosting Experience!" icon=cart}


{include file="orderforms/$carttpl/cart-header.tpl" title=$LANG.step1 desc=$LANG.step1desc step=3}
<link rel="stylesheet" type="text/css" href="templates/orderforms/{$carttpl}/style.css"/>
<script language="javascript">
    // Define state tab index value
    var statesTab = 10;
    {
        if in_array('state', $clientsProfileOptionalFields)}
    // Do not enforce state input client side
    var stateNotRequired = true;
    {
        /if};
</script>
<script type="text/javascript" src="templates/orderforms/{$carttpl}/js/main.js"></script>
<script type="text/javascript" src="{$BASE_PATH_JS}/StatesDropdown.js"></script>
<script type="text/javascript" src="{$BASE_PATH_JS}/PasswordStrength.js"></script>
<script type="text/javascript" src="{$BASE_PATH_JS}/CreditCardValidation.js"></script>

{literal}
<script language="javascript">
    function removeItem(type, num) {
        var response = confirm("{/literal}{$LANG.cartremoveitemconfirm}{literal}");
        if (response) {
            window.location = 'cart.php?a=remove&r=' + type + '&i=' + num;
        }
    }

    function emptyCart(type, num) {
        var response = confirm("{/literal}{$LANG.cartemptyconfirm}{literal}");
        if (response) {
            window.location = 'cart.php?a=empty';
        }
    }

    jQuery(document).ready(function () {
        var preparePromoCode = function (ctx) {
            jQuery(ctx).parents('form').attr('novalidate', 'novalidate');
            jQuery('#validatepromo').val('1');
        };

        jQuery('#validatePromoCode').click(function () {
            preparePromoCode(this);
            jQuery('#btnCompleteOrder').click();
        });

        jQuery('#inputPromoCode').keydown(function (evt) {
            if (evt.keyCode == 13) {
                preparePromoCode(this);
                // Enter in a form will submit the form
            }
        });
    });
</script>{/literal}
<script>
    window.langPasswordStrength = "{$LANG.pwstrength}";
    window.langPasswordWeak = "{$LANG.pwstrengthweak}";
    window.langPasswordModerate = "{$LANG.pwstrengthmoderate}";
    window.langPasswordStrong = "{$LANG.pwstrengthstrong}";
</script>

<div class="container">
    <div id="order-modern">

        {if $errormessage}
        <div class="errorbox" style="display:block;">
            {$errormessage|replace:'
            <li>':' &nbsp;#&nbsp; '} &nbsp;#&nbsp;
        </div>
        {elseif $promotioncode && $rawdiscount eq "0.00"}
        <div class="errorbox" style="display:block;">
            {$LANG.promoappliedbutnodiscount}
        </div>
        {/if}

        {if $bundlewarnings}
        <div class="cartwarningbox">
            <strong>{$LANG.bundlereqsnotmet}</strong><br/>
            {foreach from=$bundlewarnings item=warning}
            {$warning}<br/>
            {/foreach}
        </div>
        {/if}

        {if !$loggedin && $currencies}
        <div class="currencychooser">
            <div class="btn-group" role="group">
                {foreach from=$currencies item=curr}
                <a href="cart.php?a=view&currency={$curr.id}" class="btn btn-default{if $currency.id eq $curr.id} active{/if}">
                    <img src="{$BASE_PATH_IMG}/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>
        {/if}

        <form method="post" action="{$smarty.server.PHP_SELF}?a=checkout" id="frmCheckout">
            {if $cartitems == 0}
            <div class="row services">
                <div class="container">
                    <div class="col-md-12 service-container empty-cart">
                        <div class="cart-icon"><i class="fas fa-shopping-cart"></i></div>
                        <h3>Oops, your shopping cart appears to be empty...</h3>
                        <a href="https://my.hostarmada.com/cart.php" class="btn btn-primary btn-lg" alt="Add Product"><span aria-hidden="true" class=" icon icon-layers "></span> Add Hosting</a>
                        <a href="https://my.hostarmada.com/cart.php?a=add&domain=register" class="btn btn-primary btn-lg" alt="Add Product"><i class="fas fa-globe"></i> Add Domain</a>
                        <a href="https://hostarmada.com" class="btn btn-primary btn-lg" alt="Add Product"><i class="far fa-arrow-left"></i> Main Website</a>
                    </div>
                </div>
            </div>
            {else}
            <div class="row">
                <div class="col-lg-12">

                    {if $cartitems!=0}
                    <input type="hidden" name="submit" value="true"/>
                    <input type="hidden" name="custtype" id="custtype" value="{$custtype}"/>

                    <div class="services order-details">
                        <h3 class="order-panel-heading"><i class="far fa-address-card"></i> {$LANG.yourdetails}</h3>
                        <div class="service-container">
                            <div class="row">
                                {if !$loggedin && $custtype neq "existing"}
                                <div class="signuptype btn btn-default btn-md{if !$loggedin && $custtype neq " existing
                                "} active{/if}"{if !$loggedin} id="newcust"{/if}>{$LANG.newcustomer}
                            </div>
                            <div class="signuptype btn btn-default btn-md{if $custtype eq " existing
                            " && !$loggedin || $loggedin} active{/if}" id="existingcust">{$LANG.existingcustomer}
                        </div>
                        {/if}
                        <div class="signupfields-existing{if $custtype eq " existing
                        " && !$loggedin}{else} hidden{/if}" id="loginfrm">
                        <div class="col-sm-6 col-sm-offset-3">
                            <div class="form-group">
                                <label for="inputEmail">{$LANG.clientareaemail}</label>
                                <input type="text" name="loginemail" class="form-control" id="inputEmail" placeholder="{$LANG.enteremail}" {if $loggedin} disabled{/if} />
                            </div>
                            <div class="form-group">
                                <label for="inputPassword">{$LANG.clientareapassword}</label>
                                <input type="password" name="loginpw" class="form-control" id="inputPassword" placeholder="{$LANG.clientareapassword}" {if $loggedin} disabled{/if} />
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>

                <div class="{if $custtype eq " existing
                " && !$loggedin} hidden{/if}" id="signupfrm">
                <div class="row details-row">
                    <div class="{if !$loggedin}col-md-12{else}com-xs-12 col-md-6 col-lg-6 col-xl-6{/if}">
                        <h3 class="details-heading"> Contact Information</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareafirstname}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.firstname}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="firstname" class="control-label">{$LANG.clientareafirstname}</label>
                                    <input type="text" name="firstname" id="firstname" value="{$clientsdetails.firstname}" class="form-control" {if !in_array('firstname', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                            <div class="com-xs-12 col-md-6 col-lg-6 col-xl-6">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientarealastname}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.lastname}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="lastname" class="control-label">{$LANG.clientarealastname}</label>
                                    <input type="text" name="lastname" id="lastname" value="{$clientsdetails.lastname}" class="form-control" {if !in_array('lastname', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareaemail}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.email}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="email" class="control-label">{$LANG.clientareaemail}</label>
                                    <input type="email" name="email" id="email" value="{$clientsdetails.email}" class="form-control" required/>
                                    {/if}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareacompanyname}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.companyname}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="companyname" class="control-label">{$LANG.clientareacompanyname}</label>
                                    <input type="text" name="companyname" id="companyname" value="{$clientsdetails.companyname}" class="form-control"/>
                                    {/if}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareaphonenumber}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.phonenumber}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="phonenumber" class="control-label">{$LANG.clientareaphonenumber}</label>
                                    <input type="text" name="phonenumber" id="phonenumber" value="{$clientsdetails.phonenumber}" class="form-control" {if !in_array('phonenumber', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                        </div>
                        {if !$loggedin}
                        <div id="newPassword1" class="form-group has-feedback">
                            <label for="inputNewPassword1" class="control-label">{$LANG.clientareapassword}</label>
                            <input type="password" class="form-control" id="inputNewPassword1" data-error-threshold="{$pwStrengthErrorThreshold}" data-warning-threshold="{$pwStrengthWarningThreshold}" name="password" value="{$password}"
                                   required/>
                            <span class="form-control-feedback glyphicon glyphicon-password"></span>
                            {include file="$template/includes/pwstrength.tpl"}
                        </div>
                        <div id="newPassword2" class="form-group has-feedback">
                            <label for="inputNewPassword2" class="control-label">{$LANG.clientareaconfirmpassword}</label>
                            <input type="password" class="form-control" id="inputNewPassword2" name="password2" value="{$password2}" required/>
                            <span class="form-control-feedback glyphicon glyphicon-password"></span>
                            <div id="inputNewPassword2Msg">
                            </div>
                        </div>
                        {/if}
                    </div>

                    <div class="{if !$loggedin}col-md-12{else}com-xs-12 col-md-6 col-lg-6 col-xl-6{/if}">
                        <h3 class="details-heading"> Billing Information</h3>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareacountry}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.country}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="country" class="control-label">{$LANG.clientareacountry}</label>
                                    <select id="country" name="country" class="form-control">
                                        {foreach from=$countries key=thisCountryCode item=thisCountryName}
                                        <option value="{$thisCountryCode}" {if $thisCountryCode eq $clientsdetails.country}selected="selected" {
                                        /if}>{$thisCountryName}</option>
                                        {/foreach}
                                    </select>
                                    {/if}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareastate}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.state}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="state" class="control-label">{$LANG.clientareastate}</label>
                                    <input type="text" name="state" id="state" value="{$clientsdetails.state}" class="form-control" {if !in_array('state', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareacity}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.city}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="city" class="control-label">{$LANG.clientareacity}</label>
                                    <input type="text" name="city" id="city" value="{$clientsdetails.city}" class="form-control" {if !in_array('city', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareapostcode}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.postcode}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="postcode" class="control-label">{$LANG.clientareapostcode}</label>
                                    <input type="text" name="postcode" id="postcode" value="{$clientsdetails.postcode}" class="form-control" {if !in_array('postcode', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareaaddress1}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.address1}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="address1" class="control-label">{$LANG.clientareaaddress1}</label>
                                    <input type="text" name="address1" id="address1" value="{$clientsdetails.address1}" class="form-control" {if !in_array('address1', $clientsProfileOptionalFields)} required{/if} />
                                    {/if}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    {if $loggedin}
                                    <div class="row">
                                        <label class="col-sm-12">
                                            {$LANG.clientareaaddress2}
                                        </label>
                                        <div class="col-sm-12">
                                            <div class="details-field">
                                                {$clientsdetails.address2}
                                            </div>
                                        </div>
                                    </div>
                                    {else}
                                    <label for="address2" class="control-label">{$LANG.clientareaaddress2}</label>
                                    <input type="text" name="address2" id="address2" value="{$clientsdetails.address2}" class="form-control"/>
                                    {/if}
                                </div>
                            </div>
                        </div>

                        {if $customfields}
                        {foreach from=$customfields key=num item=customfield}
                        <div class="form-group">
                            <label class="control-label" for="customfield{$customfield.id}">{$customfield.name}</label>
                            <div class="control">
                                {$customfield.input} {$customfield.description}
                            </div>
                        </div>
                        {/foreach}
                        {/if}
                    </div>
                </div>
            </div>
    </div>
    {if $shownotesfield}
    <h3 class="order-panel-heading"><i class="far fa-sticky-note"></i> {$LANG.ordernotes}</h3>
    <div class="service-container">

        <textarea name="notes" rows="3" class="form-control" placeholder="{$LANG.ordernotesdescription}">{$orderNotes}</textarea>

    </div>
    {/if}
</div>

{if $securityquestions && !$loggedin}
<div class="panel panel-default" id="securityQuestion">
    <div class="panel-heading">
        <h3 class="panel-title">{$LANG.clientareasecurityquestion}:</h3>
    </div>
    <div class="panel-body">
        <div class="form-group col-sm-12">
            <select name="securityqid" id="securityqid" class="form-control">
                {foreach key=num item=question from=$securityquestions}
                <option value={$question.id}>{$question.question}</option>
                {/foreach}
            </select>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label" for="securityqans">{$LANG.clientareasecurityanswer}</label>
            <div class="col-sm-6">
                <input type="password" name="securityqans" id="securityqans" class="form-control"/>
            </div>
        </div>
    </div>
</div>
{/if}

{if $taxenabled && !$loggedin}
<div class="carttaxwarning">
    {$LANG.carttaxupdateselections}
    <input type="submit" value="{$LANG.carttaxupdateselectionsupdate}" name="updateonly" id="btnUpdateOnly" class="btn btn-info btn-sm"/>
</div>
{/if}


{/if}


</div>
<div class="col-lg-12">

    <h3 class="order-panel-heading">
        <i class="fas fa-shopping-basket"></i> Order Summary
        <button type="button" class="btn btn-danger btn-sm pull-right" onclick="emptyCart();return false">
            <i class="fas fa-trash-alt"></i> {$LANG.emptycart}
        </button>
    </h3>

    <div class="services order-details">
        <div class="service-container products-container">
            {foreach key=num item=product from=$products}
            <div class="row main-product-row">

                <div class="col-md-12 col-lg-2 col-xl-2   summary-group-image">
                    {if $product.productinfo.groupname|strstr:"Shared"}
                    <img src="templates/{$template}/assets/img/cloud-shared.png"/>
                    {elseif $product.productinfo.groupname|strstr:"VPS"}
                    <img src="templates/{$template}/assets/img/cloud-ssd-vps.svg"/>
                    {elseif $product.productinfo.groupname|strstr:"Dedicated"}
                    <img src="templates/{$template}/assets/img/dedicated.svg"/>
                    {else}
                    <img src="templates/{$template}/assets/img/wordpress.svg"/>
                    {/if}
                </div>

                <div class="col-md-12 col-lg-7 col-xl-7  ">
                    <div class="product-name">
                        <h3>{$product.productinfo.name} - {$product.domain}
                            <span class="product-actions">
                                    <a href="{$smarty.server.PHP_SELF}?a=confproduct&i={$num}" class="cartedit"><i class="fas fa-edit"></i></a>
                                    <a href="#" onclick="removeItem('p','{$num}');return false" class="cartremove"><i class="fas fa-trash-alt"></i></a>
                                  </span>
                        </h3>
                    </div>
                    <div class="group-name">
                        <h3>{$product.productinfo.groupname}</h3>
                    </div>
                    <div class="product-config-options">
                        {if $product.configoptions}
                        {foreach key=confnum item=configoption from=$product.configoptions}
                        <i class="far fa-dot-circle"></i> {$configoption.name}: {if $configoption.type eq 1 || $configoption.type eq 2}{$configoption.option}{elseif $configoption.type eq 3}{if
                        $configoption.qty}{$LANG.yes}{else}{$LANG.no}{/if}{elseif $configoption.type eq 4}{$configoption.qty} x {$configoption.option}{/if}<br/>
                        {/foreach}
                        {/if}
                    </div>
                </div>
                <div class="col-md-12 col-lg-3 col-xl-3  ">
                    <div class="pricing-summary">
                        <h3>{$product.pricingtext}{if $product.proratadate}<br/>({$LANG.orderprorata} {$product.proratadate}){/if}</h3>
                    </div>
                </div>
            </div>

            <div class="row addon-row">
                <div class="col-md-2  ">
                    {if $product.productinfo.groupname|strstr:"Shared"}
                    <h3 class="summary-product-heading">Shared Hosting</h3>
                    {elseif $product.productinfo.groupname|strstr:"VPS"}
                    <h3 class="summary-product-heading">Cloud SSD VPS</h3>
                    {elseif $product.productinfo.groupname|strstr:"Dedicated"}
                    <h3 class="summary-product-heading">Dedicatred Server</h3>
                    {else}
                    <h3 class="summary-product-heading">Shared Hosting</h3>
                    {/if}
                </div>
                {if $product.addons}
                <div class="col-md-10  ">
                    <h3 class="cart-summary-heading">Addon Boosters</h3>
                </div>
                {foreach from=$product.addons item=addon}
                <div class="col-md-7 col-sm-offset-2  ">
                    <div class=""><h3 class="cart-addon-name"><i class="fas fa-rocket"></i> {$addon.name} </h3></div>
                </div>
                <div class="col-md-3  ">
                    <div class="">
                        <div class="cart-addon-pricing"><h3>{$addon.recurring}</h3></div>
                    </div>
                </div>

                {/foreach}
                <div class="col-md-10 col-sm-offset-2   text-left">
                    <a href="{$smarty.server.PHP_SELF}?a=confdomains" class="cartedit btn btn-primary "><i class="fas fa-cog"></i> Edit Addons</a>
                </div>
                {/if}

            </div>
            <hr>
            {/foreach}

            {if $addons}
            {foreach $addons as $num => $addon}
            <div class="row mt-1">
                <div class="col-md-12 col-lg-2 col-xl-2   domain-image">
                    <i class="fas fa-rocket"></i>
                </div>
                <div class="col-md-12 col-lg-7 col-xl-7  ">
                    <div class="product-name">
                        <h3> {$addon.name} for
                            <br>
                            <span style="color: #FF5A5A;">{$addon.productname} {$addon.domainname}
                                            <span class="product-actions">
                                              <a class="btn btn-link btn-xs btn-remove-from-cart"
                                                 onclick="removeItem('a','{$num}')">
                                                  <i class="fas fa-trash-alt"></i>
                                              </a>
                                            </span>
                        </h3>
                    </div>
                </div>
                <div class="col-md-12 col-lg-3 col-xl-3  ">
                    <div class="pricing-summary">
                        <h3>{$addon.pricingtext}</h3>
                    </div>
                    {$addon.billingcyclefriendly}
                </div>
            </div>
            {/foreach}
            <hr>
            {/if}

            {foreach key=num item=domain from=$domains}
            {if $domain.type == "register"}
            {assign "period" $domain.regperiod}
            {if $domain['pricing'][$period]['register']}
            {if $domain['pricing'][$period]['register']|replace:'$':'' > $domain.price|replace:'$':''}
            {assign "freeDomain" 1}
            {elseif $domain['pricing'][$period]['register']|replace:'$':'' < $domain.price|replace:'$':''}
            {assign "freeDomain" 0}
            {else}
            {assign "freeDomain" 2}
            {/if}
            {/if}
            {/if}
            <div class="row domain-info">
                <div class="col-md-12 col-lg-2 col-xl-2   domain-image">
                    <i class="fas fa-globe"></i>
                    <h3 class="summary-product-heading">
                        Domain
                        {if $domain.type eq "register"}
                        Registration
                        {else}
                        Transfer
                        {/if}
                    </h3>
                </div>
                <div class="col-md-12 col-lg-7 col-xl-7  ">
                    <div class="product-name">
                        <h3>
                            {if $domain.type eq "register"}
                            Registration
                            {else}
                            Transfer
                            {/if}
                            {$domain.domain} <a href="#" onclick="removeItem('d','{$num}');return false" class="cartremove"><i class="fas fa-trash-alt"></i></a>
                        </h3>
                        <div class="domain-reg-period">
                            <strong>Period:</strong> {$domain.regperiod} {$LANG.orderyears}
                        </div>
                    </div>
                </div>
                <div class="col-md-12 col-lg-3 col-xl-3  ">
                    <div class="domain-pricing">
                        <strong>
                            {debug}
                            {if $freeDomain == 1}
                            <span style="color: #ff5a5a;">FREE</span>
                            {elseif $freeDomain == 0 }
                            {$domain['pricing'][$period]['register']}
                            {elseif $freeDomain == 2 }
                            Error!
                            {/if}
                        </strong>
                    </div>
                </div>
                <div class="col-md-12 col-lg-7 col-xl-7  ">
                    <h3 class="cart-summary-heading">Domain Addons</h3>
                    <div class="domain-extras">
                        {if $domain.idprotection}<i class="fas fa-lock"></i> {$LANG.domainidprotection}<br/>{/if}
                        <a href="{$smarty.server.PHP_SELF}?a=confdomains" class="cartedit btn btn-primary "><i class="fas fa-cog"></i> Edit Addons</a>
                    </div>
                </div>
                <div class="col-md-12 col-lg-3 col-xl-3  ">
                    <div class="domain-pricing">

                        {if $domain.idprotection}
                        <strong>$3.95</strong>
                        {/if}
                    </div>
                </div>
            </div>
            <hr>
            {/foreach}

            {foreach key=num item=domain from=$renewals}
            <div class="row domain-info">
                <div class="col-md-12 col-lg-2 col-xl-2   domain-image">
                    <i class="fas fa-globe"></i>
                </div>
                <div class="col-md-12 col-lg-7 col-xl-7  ">
                    <div class="domain-info">
                        {$LANG.domainrenewal}
                        <div class="actual-domain">
                            <strong>Domain:</strong> {$domain.domain} <a href="#" onclick="removeItem('d','{$num}');return false" class="cartremove"><i class="fas fa-trash-alt"></i></a>
                        </div>
                        <div class="domain-reg-period">
                            <strong>Period:</strong> {$domain.regperiod} {$LANG.orderyears}
                        </div>
                    </div>

                    <div class="domain-extras">
                        {if $domain.idprotection}&nbsp;&raquo; {$LANG.domainidprotection}<br/>{/if}
                        <a href="{$smarty.server.PHP_SELF}?a=confdomains" class="cartedit">[{$LANG.cartconfigdomainextras}]</a>
                    </div>
                </div>
                <div class="col-md-12 col-lg-3 col-xl-3  ">
                    <div class="domain-pricing">
                        <strong>{$domain.price}</strong>
                    </div>
                </div>
            </div>
            <hr>
            {/foreach}

            {if $cartitems == 0}
            <div class="row">
                <div class="col-md-12">
                    {$LANG.cartempty}
                </div>
            </div>
            {/if}


            {if $taxrate}
            <div class="row">
                <div class="col-md-12 col-lg-9 col-xl-9 text-right">
                    <h3>{$taxname} @ {$taxrate}%:</h3>
                </div>
                <div class="col-md-12 col-lg-3 col-xl-3 text-left">
                    <h3>{$taxtotal}</h3>
                </div>
            </div>
            {/if}
            <div class="row subtotal">
                <div class="col-md-12 col-lg-12 col-xl-12 text-right">
                    <h3>{$LANG.ordersubtotal}: {$subtotal}</h3>
                </div>

            </div>


            {foreach from=$gatewaysoutput item=gatewayoutput}
            <div class="clear"></div>
            <div class="cartbuttons">
                {$gatewayoutput}
            </div>
            {/foreach}

        </div>
        <div class="service-container promotion-code">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-xl-12">
                    <h3 class="promo-code"><i class="fas fa-hand-holding-usd"></i> {$LANG.orderpromotioncode}</h3>
                    <p>If you have been provided with a valid promotional code, please insert it in the field below to receive a discount!</p>
                </div>
                {if $promotioncode}
                <div class="col-md-12 col-lg-12 col-xl-12 promo-code-accepted">
                    <div class="promo-code-info">
                        <span><i class="fas fa-hand-holding-usd"></i> {$promotioncode}</span> - {$promotiondescription}
                        <div class="remove-promo-code">
                            <a href="{$smarty.server.PHP_SELF}?a=removepromo"><i class="fas fa-trash-alt"></i></a>
                        </div>
                    </div>
                </div>
                {else}
                <div class="col-md-9 col-lg-9 col-xl-9 promo-code-block">
                    <input type="text" name="promocode" id="inputPromoCode" class="form-control" placeholder="{lang key=" orderPromoCodePlaceholder"}">
                </div>
                <div class="col-md-3 col-lg-3 col-xl-3 promo-code-verify-button">
                    <input type="hidden" name="validatepromo" id="validatepromo" value="0"/>
                    <button type="button" id="validatePromoCode" class="btn btn-default">
                        <i class="fas fa-check"></i> {$LANG.orderpromovalidatebutton}
                    </button>
                </div>
                {/if}


                <div class="col-md-12 col-lg-12 col-xl-12 discount-row">
                    {if $promotioncode}
                    <hr>
                    <div class="row">
                        <div class="col-md-12 col-lg-12 col-xl-12 discount-text">
                            <h3>Discount from order: <span>-{$discount}</span></h3>
                        </div>
                    </div>
                    {/if}
                </div>
            </div>
        </div>
        <div class="service-container totaldue">
            <div class="row totaldue">
                <div class="col-md-12 col-lg-12 col-xl-12 text-right">
                    <h3>{$LANG.ordertotalduetoday}: <span>{$total}</span></h3>
                </div>
            </div>
        </div>

        <h3 class="order-panel-heading">
            <i class="fas fa-credit-card"></i> Payment Method
        </h3>

        <div class="service-container payment-method">
            <div class="row">
                <div class="col-md-12">
                    <p>Please choose the payment method you would like to use for this order.</p>
                </div>
                <div class="radio-buttons">
                    {foreach $gateways as $gateway}
                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 ">
                        <input type="radio"
                               name="paymentmethod"
                               id="{$gateway.sysname}"
                               data-payment-type="{$gateway.payment_type}"
                               data-show-local="{$gateway.show_local_cards}"
                               class="payment-methods{if $gateway.type eq " CC"} is-credit-card{/if}"
                        {if $selectedgateway eq $gateway.sysname} checked{/if} />

                        <label for="{$gateway.sysname}">
                              <span class="button-name">
                                {if $gateway.sysname == "paypal"}
                                PayPal: <br>
                                <hr>
                                  <img src="templates/{$template}/assets/img/order/paypal.png" height="30" alt="PayPal"/>
                                {else}
                                  Credit Card: <br>
                                  <hr>
                                  <img src="templates/{$template}/assets/img/order/visa.png" height="30" alt="Stripe"/>
                                  <img src="templates/{$template}/assets/img/order/visa-electron.png" height="30" alt="Stripe"/>
                                  <img src="templates/{$template}/assets/img/order/master-card.png" height="30" alt="Stripe"/>
                                  <img src="templates/{$template}/assets/img/order/american-express.png" height="30" alt="Stripe"/>
                                {/if}
                              </span>
                        </label>
                    </div>
                    {/foreach}
                </div>
                <div class="col-md-12">
                    <div class="alert alert-danger text-center gateway-errors hidden"></div>
                    <div class="cc-input-container" id="creditCardInputFields" {if $selectedgatewaytype neq
                    "CC"} class="hidden"{/if}>
                    {if $client}
                    {assign "existingCards" $client->payMethods->validateGateways()->sortByExpiryDate()}
                    <div id="existingCardsContainer" class="existing-cc-grid" {if $existingCards->count() == 0}style="display: none" {/if}>
                        {foreach $existingCards as $payMethod}
                        {assign "payMethodExpired" 0}
                        {assign "expiryDate" ""}
                        {if $payMethod->isCreditCard()}
                        {if ($payMethod->payment->isExpired())}
                        {assign "payMethodExpired" 1}
                        {/if}

                        {if $payMethod->payment->getExpiryDate()}
                        {assign "expiryDate" $payMethod->payment->getExpiryDate()->format('m/Y')}
                        {/if}
                        {/if}

                        <div class="radio-inline">
                            <input
                                    type="radio"
                                    name="ccinfo"
                                    class="existing-card"
                                    {if $payMethodExpired}disabled{/if}
                            data-payment-type="{$payMethod->getType()}"
                            data-payment-gateway="{$payMethod->gateway_name}"
                            value="{$payMethod->id}">
                        </div>

                        <div class="paymethod-info" data-paymethod-id="{$payMethod->id}">
                            <i class="{$payMethod->getFontAwesomeIcon()}"></i>
                        </div>
                        <div class="paymethod-info" data-paymethod-id="{$payMethod->id}">
                            {if $payMethod->isCreditCard()}
                            {$payMethod->payment->getDisplayName()}
                            {else}
                            <span class="type">
                                  {$payMethod->payment->getAccountType()}
                                </span>
                            {substr($payMethod->payment->getAccountNumber(), -4)}
                            {/if}
                        </div>
                        <div class="paymethod-info" data-paymethod-id="{$payMethod->id}">
                            {$payMethod->getDescription()}
                        </div>
                        <div class="paymethod-info" data-paymethod-id="{$payMethod->id}">
                            {$expiryDate}{if $payMethodExpired}<br>
                            <small>{$LANG.clientareaexpired}</small>
                            {/if}
                        </div>
                        {/foreach}
                    </div>
                    {/if}

                    <div class="row cvv-input" id="existingCardInfo">
                        <div class="col-lg-6 col-sm-8">
                            <div class="form-group prepend-icon">
                                <div class="input-group">
                                    <input type="tel" name="cccvv" id="inputCardCVV2" class="form-control" placeholder="{$LANG.creditcardcvvnumbershort}" autocomplete="cc-cvc">
                                    <span class="input-group-btn">
                                  <button type="button" class="btn btn-default" data-toggle="popover" data-placement="bottom" data-content="<img src='{$BASE_PATH_IMG}/ccv.gif' width='210' />">
                                  ?
                                  </button>
                                </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <ul>
                        <li>
                            <label class="radio-inline">
                                <input type="radio" name="ccinfo" value="new" id="new" {if !$client || $existingCards->count() === 0} checked="checked"{/if} />
                                &nbsp;
                                {lang key='creditcardenternewcard'}
                            </label>
                        </li>
                    </ul>

                    <div class="row" id="newCardInfo" {if $existingCards->count() > 0}style="display: none" {/if}>
                        <div id="cardNumberContainer" class="col-sm-5 new-card-container">
                            <div class="form-group prepend-icon">
                                <input type="tel" name="ccnumber" id="inputCardNumber" class="form-control" placeholder="{$LANG.orderForm.cardNumber}" autocomplete="cc-number">
                            </div>
                        </div>
                        <div class="col-sm-3 new-card-container">
                            <div class="form-group prepend-icon">
                                <input type="tel" name="ccexpirydate" id="inputCardExpiry" class="form-control" placeholder="MM / YY{if $showccissuestart} ({$LANG.creditcardcardexpires}){/if}" autocomplete="cc-exp">
                            </div>
                        </div>
                        <div class="col-sm-4" id="cvv-field-container">
                            <div class="form-group prepend-icon">
                                <div class="input-group">
                                    <input type="tel" name="cccvv" id="inputCardCVV" class="form-control" placeholder="{$LANG.creditcardcvvnumbershort}" autocomplete="cc-cvc">
                                    <span class="input-group-btn">
                                    <button type="button" class="btn btn-default" data-toggle="popover" data-placement="bottom" data-content="<img src='{$BASE_PATH_IMG}/ccv.gif' width='210' />">
                                    ?
                                    </button>
                                  </span>
                                </div>
                            </div>
                        </div>
                        {if $showccissuestart}
                        <div class="col-sm-3 col-sm-offset-6 new-card-container">
                            <div class="form-group prepend-icon">
                                <label for="inputCardStart" class="field-icon">
                                    <i class="far fa-calendar-check"></i>
                                </label>
                                <input type="tel" name="ccstartdate" id="inputCardStart" class="field" placeholder="MM / YY ({$LANG.creditcardcardstart})" autocomplete="cc-exp">
                            </div>
                        </div>
                        <div class="col-sm-3 new-card-container">
                            <div class="form-group prepend-icon">
                                <label for="inputCardIssue" class="field-icon">
                                    <i class="fas fa-asterisk"></i>
                                </label>
                                <input type="tel" name="ccissuenum" id="inputCardIssue" class="field" placeholder="{$LANG.creditcardcardissuenum}">
                            </div>
                        </div>
                        {/if}
                        {if $shownostore}
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label><input type="checkbox" name="nostore"/>
                                    {$LANG.creditcardnostore}
                                </label>
                            </div>
                        </div>
                        {/if}
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>
<div class="service-container complete-order">
    <div class="row">
        {if $showMarketingEmailOptIn}
        <div class="marketing-email-optin">
            <h4>{lang key='emailMarketing.joinOurMailingList'}</h4>
            <p>{$marketingEmailOptInMessage}</p>
            <input type="checkbox" name="marketingoptin" value="1" {if $marketingEmailOptIn} checked{/if} class="toggle-switch-success" data-size="small" data-on-text="{lang key='yes'}" data-off-text="{lang key='no'}">
        </div>
        {/if}

        {if $accepttos}
        <div align="center">
            <label class="checkbox-inline">
                <input type="checkbox" name="accepttos" id="accepttos"/>
                {$LANG.ordertosagreement}
                <a href="{$tosurl}" target="_blank">{$LANG.ordertos}</a>
            </label>
        </div>
        <br/>
        {/if}

        {if $captcha}
        <div class="text-center margin-bottom">
            {include file="$template/includes/captcha.tpl"}
        </div>
        {/if}

        <div align="center">
            <button type="submit" id="btnCompleteOrder" {if $cartitems==0} disabled{
            /if} onclick="this.value='{$LANG.pleasewait}'" class="btn btn-primary btn-lg disable-on-click spinner-on-click{if $captcha}{$captcha->getButtonClass($captchaForm)}{/if}" {if $custtype eq "existing" &&
            !$loggedin}formnovalidate{/if}>
            {$LANG.checkout}
            &nbsp;<i class="fas fa-arrow-circle-right"></i>
            </button>
        </div>
    </div>
</div>
<div class="col-lg-12 ip-logged">
    {if $servedOverSsl}
    <div class="cartwarningbox">
        <img src="assets/img/padlock.gif" align="absmiddle" border="0" alt="Secure Transaction"/>
        &nbsp;{$LANG.ordersecure} (<strong>{$ipaddress}</strong>) {$LANG.ordersecure2}
    </div>
    {/if}
</div>
</div>

</div>
</div>
{/if}
</form>

</div>
</div>