{if isset($RSThemes['pages'][$templatefile]) && file_exists($RSThemes['pages'][$templatefile]['fullPath'])}
    {include file=$RSThemes['pages'][$templatefile]['fullPath']}
{else}     
    {if $registrarcustombuttonresult=="success"}
        {include file="$template/includes/alert.tpl" type="success" msg=$LANG.moduleactionsuccess textcenter=true additionalClasses="alert-primary"}
    {elseif $registrarcustombuttonresult}
        {include file="$template/includes/alert.tpl" type="error" msg=$LANG.moduleactionfailed textcenter=true additionalClasses="alert-primary"}
    {/if}

    {if $unpaidInvoice}
        <div role="alert" class="alert alert-lagom alert-primary alert-{if $unpaidInvoiceOverdue}danger{else}warning{/if}" id="alert{if $unpaidInvoiceOverdue}Overdue{else}Unpaid{/if}Invoice">
            <div class="alert-body">
                {$unpaidInvoiceMessage}
            </div>
            <div class="alert-actions pull-right">
                <a tabindex="0" href="viewinvoice.php?id={$unpaidInvoice}" class="btn btn-xs btn-{if $unpaidInvoiceOverdue}danger{else}warning{/if}">
                    {lang key='payInvoice'}
                </a> 
            </div>
        </div>
    {/if}
    <div class="tab-content margin-bottom">
        <div class="tab-pane  in active" id="Overview">            
            {if $systemStatus != 'Active'}
                <div class="alert alert-lagom alert-primary alert-warning text-center" role="alert">
                    {$LANG.domainCannotBeManagedUnlessActive}
                </div>
            {/if}
            {if $lockstatus eq "unlocked"}
                {capture name="domainUnlockedMsg"}<strong>{$LANG.domaincurrentlyunlocked}</strong><br />{$LANG.domaincurrentlyunlockedexp}{/capture}
                {include file="$template/includes/alert.tpl" type="error" additionalClasses="alert-primary" msg=$smarty.capture.domainUnlockedMsg}
            {/if}
            <div class="product-details clearfix">
                <div class="row row-eq-height row-eq-height-sm">
                    <div class="col-md-6">
                        <div class="product-icon">
                                <div class="product-image">
                                    {if is_array($graphics['domain']) && $graphics['domain'][1]->enabled && $graphics['domain'][1]->getJson()->condensed->type}
                                        <div class="graphic-item">
                                            {assign var=graphic value=$graphics['domain'][1]->getJson()->condensed->graphic}
                                            {assign var=graphicType value=$graphics['domain'][1]->getJson()->condensed->type}
                                            {if $graphicType == "icon"}
                                                {include file="$template/assets/svg-icon/{$graphic}" onDark=true}
                                            {else if $graphicType == "font-icon"}
                                                <span class="graphic-item-bg">
                                                    <i class="{$graphic}"></i>
                                                </span>
                                            {else if $graphicType == "media"}
                                                <img src="{$WEB_ROOT}/templates/{$template}/assets/img/page-manager/{$graphic}" alt="{$service.product}">
                                            {/if}
                                        </div>
                                    {else}
                                        <div class="graphic-item">
                                            {include file="$template/includes/common/svg-icon.tpl" icon="domain" onDark=true}  
                                        </div>
                                    {/if} 
                                </div>  
                            <h2 class="product-name h4"><a tabindex="0" href="http://{$domain}" target="_blank" data-toggle="tooltip" title="{$rslang->trans('domains.domains_go_to')} {$domain}" aria-label="{$rslang->trans('domains.domains_go_to')} {$domain}">{$domain}</a></h2>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="product-info">
                            <ul class="list-info list-info-v">
                                <li>
                                    <span class="list-info-title">{$LANG.clientareastatus}:</span>
                                    <span class="list-info-text"><span class="status status-{$rawstatus|strtolower}">{$status}</span></span>
                                </li>
                                <li>
                                    <span class="list-info-title">{$LANG.clientareahostingregdate}:</span>
                                    <span class="list-info-text">{$registrationdate}</span>
                                </li>
                                <li>
                                    <span class="list-info-title">{$LANG.clientareahostingnextduedate}:</span>
                                    <span class="list-info-text">{$nextduedate}</span>
                                </li>
                                <li>
                                    <span class="list-info-title">{$LANG.firstpaymentamount}:</span>
                                    <span class="list-info-text">{$firstpaymentamount}</span>
                                </li>
                                <li>
                                    <span class="list-info-title">{$LANG.recurringamount}:</span>
                                    <span class="list-info-text">{$recurringamount} {$LANG.every} {$registrationperiod} {$LANG.orderyears}</span>
                                </li>
                                <li>
                                    <span class="list-info-title">{$LANG.orderpaymentmethod}:</span>
                                    <span class="list-info-text">{$paymentmethod}</span>
                                </li>
                            </ul>
                        </div>        
                    </div>
                </div>
            </div>
            {if $sslStatus}
                <div class="panel panel-default">
                <div class="panel-heading">
                        <h3 class="panel-title">SSL</h3>
                    </div>
                    <ul class="list-info list-info-50 list-info-bordered">
                        <li class="{if $sslStatus->isInactive()} ssl-required{/if}">
                            <span class="list-info-title">{$LANG.sslState.sslStatus}</span>
                            <span class="list-info-text"> 
                                {assign var="awords" value="/"|explode:$sslStatus->getImagePath()} 
                                {assign var="imageSSL" value=$awords|@end}
                                <img class="m-r-1x {$sslStatus->getClass()}" src="{$WEB_ROOT}/templates/{$template}/assets/img/ssl/{$imageSSL|replace:".png":".svg"}" width="18" data-type="domain" data-domain="{$domain}" data-showlabel="1" alt="SSL">
                                <span id="statusDisplayLabel">
                                    {if !$sslStatus->needsResync()}
                                        {$sslStatus->getStatusDisplayLabel()}
                                    {else}
                                        {$LANG.loading}
                                    {/if}
                                </span>
                            </span>
                        </li>
                        {if $sslStatus->isActive() || $sslStatus->needsResync()}
                            <li>
                                <span class="list-info-title">{$LANG.sslState.startDate}</span>
                                <span class="list-info-text" id="ssl-startdate">
                                    {if !$sslStatus->needsResync() || $sslStatus->startDate}
                                        {$sslStatus->startDate->toClientDateFormat()}
                                    {else}
                                        {$LANG.loading}
                                    {/if}
                                </span>
                            </li>
                            <li>
                                <span class="list-info-title">{$LANG.sslState.issuerName}</span>
                                <span class="list-info-text" id="ssl-issuer">
                                    {if !$sslStatus->needsResync() || $sslStatus->issuerName}
                                        {$sslStatus->issuerName}
                                    {else}
                                        {$LANG.loading}
                                    {/if}
                                </span>
                            </li>
                            <li>
                                <span class="list-info-title">{$LANG.sslState.expiryDate}</span>
                                <span class="list-info-text" id="ssl-expirydate">
                                    {if !$sslStatus->needsResync() || $sslStatus->expiryDate}
                                        {$sslStatus->expiryDate->toClientDateFormat()}
                                    {else}
                                        {$LANG.loading}
                                    {/if}
                                </span>
                            </li>
                        {/if} 
                    </ul>
                </div>
            {/if}
        
            {if $registrarclientarea}
                <div class="moduleoutput">
                    {$registrarclientarea|replace:'modulebutton':'btn'}
                </div>
            {/if}

            {foreach $hookOutput as $output}
                <div class="section section-hook-output no-float-banner">
                    {$output}
                </div>  
            {/foreach}

            {if $canDomainBeManaged
                and (
                    $managementoptions.nameservers or
                    $managementoptions.contacts or
                    $managementoptions.locking or
                    $renew)}
                    {* No reason to show this section if nothing can be done here! *}
                    <div class="panel panel-sidebar m-b-0">
                        <div class="panel-heading">
                            <h4 class="panel-title">{$LANG.doToday}</h4>
                        </div>
                        <ul class="list-group list-group-v">
                            {if $systemStatus == 'Active' && $managementoptions.nameservers}
                            <li class="list-group-item">
                                <a tabindex="0" class="tabControlLink" data-toggle="tab" href="#tabNameservers">
                                <i class="ls ls-share"></i>{$LANG.changeDomainNS}
                                </a>
                            </li>
                            {/if}
                            {if $systemStatus == 'Active' && $managementoptions.contacts}
                                <li class="list-group-item">
                                    <a tabindex="0" href="clientarea.php?action=domaincontacts&domainid={$domainid}">
                                        <i class="ls ls-user"></i>{$LANG.updateWhoisContact}
                                    </a>
                                </li>
                            {/if}
                            {if $systemStatus == 'Active' && $managementoptions.locking}
                                <li class="list-group-item">
                                    <a tabindex="0" class="tabControlLink" data-toggle="tab" href="#tabReglock">
                                        <i class="ls ls-shield"></i>{$LANG.changeRegLock}
                                    </a>
                                </li>
                            {/if}
                            {if $renew}
                                <li class="list-group-item">
                                    <a tabindex="0" href="{routePath('domain-renewal', $domain)}">
                                        <i class="ls ls-refresh"></i>{$LANG.domainrenew}
                                    </a>
                                </li>
                            {/if}
                        </ul>
                    </div>
            {/if}
        </div>
        <div class="tab-pane " id="Autorenew">
            <div class="section">
                <div class="section-header">
                    <h2 class="section-title">{$LANG.domainsautorenew}</h2>
                    <p class="section-desc">{$LANG.domainrenewexp}</p>
                </div>
                <div class="section-body">
                    {if $changeAutoRenewStatusSuccessful}
                        {include file="$template/includes/alert.tpl" type="success" additionalClasses="alert-primary" msg=$LANG.changessavedsuccessfully}
                    {/if}
                    <form method="post" action="{$smarty.server.PHP_SELF}?action=domaindetails#tabAutorenew">
                        <input type="hidden" name="id" value="{$domainid}">
                        <input type="hidden" name="sub" value="autorenew" />
                        <button tabindex="0" class="panel panel-switch m-w-xs{if $autorenew} checked{/if}" type="submit">
                            <div class="panel-body">
                                <span class="switch-label">{$LANG.domainautorenewstatus}: </span>
                                {if $autorenew}
                                    <input type="hidden" name="autorenew" value="disable">
                                {else}
                                    <input type="hidden" name="autorenew" value="enable">
                                {/if}
                                <label class="switch switch--lg switch--text" submit-form>
                                    <input class="switch__checkbox" type="checkbox" {if $autorenew}checked{/if} tabindex="-1" aria-label="autorenew">
                                    <span class="switch__container"><span class="switch__handle"></span></span>
                                </label>
                            </div>
                            <div class="loader loader-panel">
                                {include file="$template/includes/common/loader.tpl"}
                            </div>
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="tab-pane " id="Nameservers">
            <div class="section">
                <div class="section-header">
                    <h2 class="section-title">{$LANG.domainnameservers}</h2>
                    <p class="section-desc">{$LANG.domainnsexp}</p>
                </div>
                <div class="section-body">
                    {if $nameservererror}
                        {include file="$template/includes/alert.tpl" type="error" additionalClasses="alert-primary" msg=$nameservererror}
                    {/if}
                    {if $subaction eq "savens"}
                        {if $updatesuccess}
                            {include file="$template/includes/alert.tpl" type="success" additionalClasses="alert-primary" msg=$LANG.changessavedsuccessfully}
                        {elseif $error}
                            {include file="$template/includes/alert.tpl" type="error" additionalClasses="alert-primary" msg=$error}
                        {/if}
                    {/if}
                    <form role="form" method="post" action="{$smarty.server.PHP_SELF}?action=domaindetails#tabNameservers">
                        <input type="hidden" name="id" value="{$domainid}" />
                        <input type="hidden" name="sub" value="savens" />
                        <div class="panel-group panel-group-condensed" data-inputs-container>
                            <div class="panel panel-check {if $defaultns}checked{/if}" data-virtual-input>
                                <div class="panel-heading check">
                                    <label>
                                        <input type="radio" class="icheck-control" name="nschoice" value="default" onclick="disableFields('domnsinputs',true)"{if $defaultns} checked{/if} />
                                        <div class="check-content">
                                            <span> {$LANG.nschoicedefault}</span>
                                        </div>
                                    </label>
                                </div>
                            </div>
                            <div class="panel panel-check {if !$defaultns} checked{/if}" data-virtual-input>
                                <div class="panel-heading check">
                                    <label>
                                        <input type="radio" class="icheck-control" name="nschoice" value="custom" onclick="disableFields('domnsinputs',false)"{if !$defaultns} checked{/if} />
                                        <div class="check-content">
                                            <span>{$LANG.nschoicecustom}</span>
                                        </div>
                                    </label>
                                </div>
                                <div class="panel-collapse collapse {if !$defaultns}show{/if}" data-input-collapse>
                                    <div class="panel-body">
                                        <div class="m-w-sm">
                                            {for $num=1 to 5}
                                                <div class="form-group">
                                                    <label for="inputNs{$num}" class="control-label">{$LANG.clientareanameserver} {$num}</label>
                                                    <input type="text" name="ns{$num}" class="form-control domnsinputs" id="inputNs{$num}" value="{$nameservers[$num].value}" /> 
                                                </div>
                                            {/for}
                                        </div>
                                    </div>
                                </div>
                            </div>                
                        </div>
                        <div class="form-actions">
                            <input type="submit" class="btn btn-primary" value="{$LANG.changenameservers}" />
                        </div>    
                    </form>
                </div>    
            </div>
        </div>
        <div class="tab-pane " id="Reglock">
            <div class="section">
                <div class="section-header">
                    <h2 class="section-title">{$LANG.domainregistrarlock}</h2>
                    <p class="section-desc">{$LANG.domainlockingexp}</p>
                </div>
                <div class="section-body">
                    {if $subaction eq "savereglock"}
                        {if $updatesuccess}
                            {include file="$template/includes/alert.tpl" additionalClasses="alert-primary" type="success" msg=$LANG.changessavedsuccessfully}
                        {elseif $error}
                            {include file="$template/includes/alert.tpl" additionalClasses="alert-primary" type="error" msg=$error}
                        {/if}
                    {/if}
                    <form method="post" action="{$smarty.server.PHP_SELF}?action=domaindetails#tabReglock">
                        <input type="hidden" name="id" value="{$domainid}">
                        <input type="hidden" name="sub" value="savereglock" />
                        
                        <div class="panel panel-switch m-w-xs" href="#" submit-form>
                            <div class="panel-body"> 
                                <span class="switch-label">{$LANG.domainreglockstatus}: </span>   
                                {if $lockstatus=="locked"}   
                                    
                                {else}
                                    <input type="hidden" name="autorenew" value="enable">
                                    
                                {/if}

                                <label class="switch switch--lg switch--text" >
                                    <input class="switch__checkbox" name="reglock" type="checkbox" {if $lockstatus=="locked"}checked{/if}>
                                    <span class="switch__container"><span class="switch__handle"></span></span>
                                </label>
                            </div>
                            <div class="loader loader-panel">
                                {include file="$template/includes/common/loader.tpl"}    
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="tab-pane " id="Release">
            <div class="section">
                <div class="section-header">
                    <h2 class="section-title">{$LANG.domainrelease}</h2>
                    <p class="section-desc">{$LANG.domainreleasedescription}</p>
                </div>
                {if $releaseDomainSuccessful}
                    {include file="$template/includes/alert.tpl" type="success" additionalClasses="alert-primary" msg="{lang key='changessavedsuccessfully'}" textcenter="true"}
                {elseif !empty($error)}
                    {include file="$template/includes/alert.tpl" type="error" additionalClasses="alert-primary" msg="$error" textcenter="true"}
                {/if}
                <div class="section-body">
                    <form role="form" method="post" action="{$smarty.server.PHP_SELF}?action=domaindetails#Release">
                        <input type="hidden" name="sub" value="releasedomain">
                        <input type="hidden" name="id" value="{$domainid}">
                        <div class="panel panel-default panel-form">
                            <div class="panel-body">
                                <div class="form-group m-w-sm m-b-1x">
                                    <label for="inputReleaseTag" class="control-label">{$LANG.domainreleasetag}</label>
                                    <input type="text" class="form-control" id="inputReleaseTag" name="transtag" />
                                </div>
                            </div>
                            <div class="panel-footer">
                                <input type="submit" value="{$LANG.domainrelease}" class="btn btn-primary" />
                            </div>
                        </div>
                    </form>
                </div>    
            </div>
        </div>
        <div class="tab-pane " id="Addons">
            <div class="section">
                <div class="section-header">
                    <h2 class="section-title">{$LANG.domainaddons}</h2>
                    <p class="section-desc">{$LANG.domainaddonsinfo}</p>
                </div>
                <div class="section-body">
                    {include file="$template/includes/alert.tpl" type="error" additionalClasses="alert-primary alert-domain-addon-error hidden" msg="{$LANG['domainaddonscancelfailed']}" textcenter="true"}
                    {include file="$template/includes/alert.tpl" type="success" additionalClasses="alert-primary alert-domain-addon-success hidden" msg="{$LANG['domainaddonscancelsuccess']}" textcenter="true"}
                    <div class="row row-eq-height">
                        {if $addons.idprotection}
                            <div class="col-lg-6">
                                <div class="package">
                                    <h3 class="package-title text-center">{$LANG.domainidprotection}</h3>
                                    <div class="package-content text-center">
                                        <div class="package-icon">
                                            {include file="$template/includes/common/svg-icon.tpl" icon="addon-id-protection"} 
                                        </div>
                                        <p>{$LANG.domainaddonsidprotectioninfo}</p>
                                    </div>
                                    <div class="package-actions {if !$addonstatus.idprotection}hidden{/if}" data-domain-addon-actions="idprotect">
                                        <form action="clientarea.php?action=domainaddons" method="post">
                                            <input type="hidden" name="id" value="{$domainid}"/>
                                            <input type="hidden" name="disable" value="idprotect"/>
                                            <button tabindex="0" 
                                                type="button" 
                                                data-cancel-domain-addon 
                                                data-target="#cancelDomainAddon" 
                                                data-title="{$LANG.domainidprotection}" 
                                                data-domain-id="{$domainid}"
                                                data-addon="idprotect"
                                                value="{$LANG.disable}" 
                                                class="btn btn-default">
                                                {$LANG.disable}
                                            </button>
                                        </form>    
                                    </div>
                                    <div class="package-footer {if $addonstatus.idprotection}hidden{/if}" data-domain-addon-footer="idprotect">
                                        <div class="package-price m-b-3x">
                                            <div class="price"><span class="price-prefix">{$WHMCSCurrency.prefix}</span>{$addonspricing.idprotection->toSuffixed()}</div>
                                        </div>
                                        <div class="package-actions">
                                            <form action="clientarea.php?action=domainaddons" method="post">
                                                <input type="hidden" name="id" value="{$domainid}"/>
                                                <input type="hidden" name="buy" value="idprotect"/>
                                                <input type="submit" value="{$LANG.ordertitle}" class="btn btn-primary"/>
                                            </form>    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {/if}
                        {if $addons.dnsmanagement}
                            <div class="col-lg-6">
                                <div class="package">
                                    <h3 class="package-title text-center">{$LANG.domainaddonsdnsmanagement}</h3>
                                    <div class="package-content text-center">
                                        <div class="package-icon">
                                            {include file="$template/includes/common/svg-icon.tpl" icon="domain"}                                             
                                        </div>
                                        <p>{$LANG.domainaddonsdnsmanagementinfo}</p>
                                    </div> 
                                    <div class="package-actions {if !$addonstatus.dnsmanagement}hidden{/if}" data-domain-addon-actions="dnsmanagement">
                                        <form action="clientarea.php?action=domainaddons" method="post">
                                            <input type="hidden" name="id" value="{$domainid}"/>
                                            <input type="hidden" name="disable" value="dnsmanagement"/>                                            
                                            <a tabindex="0" class="btn btn-primary" href="clientarea.php?action=domaindns&domainid={$domainid}">{$LANG.manage}</a> 
                                            <button tabindex="0" 
                                                type="button" 
                                                data-cancel-domain-addon 
                                                data-target="#cancelDomainAddon" 
                                                data-title="{$LANG.domainaddonsdnsmanagement}" 
                                                data-domain-id="{$domainid}"
                                                data-addon="dnsmanagement"
                                                value="{$LANG.disable}" 
                                                class="btn btn-default"
                                            >
                                                {$LANG.disable}
                                            </button>
                                        </form>    
                                    </div>
                                    <div class="package-footer {if $addonstatus.dnsmanagement}hidden{/if}" data-domain-addon-footer="dnsmanagement">
                                        <div class="package-price m-b-3x">
                                            <div class="price"><span class="price-prefix">{$WHMCSCurrency.prefix}</span>{$addonspricing.dnsmanagement->toSuffixed()}</div>
                                        </div>
                                        <div class="package-actions">
                                            <form action="clientarea.php?action=domainaddons" method="post">
                                                <input type="hidden" name="id" value="{$domainid}"/>
                                                <input type="hidden" name="buy" value="dnsmanagement"/>
                                                <input type="submit" value="{$LANG.ordertitle}" class="btn btn-primary"/>
                                            </form>    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {/if}
                        {if $addons.emailforwarding}
                            <div class="col-lg-6">
                                <div class="package">
                                    <h3 class="package-title text-center">{$LANG.domainemailforwarding}</h3>
                                    <div class="package-content text-center">
                                        <div class="package-icon">
                                            {include file="$template/includes/common/svg-icon.tpl" icon="addon-email-forwarding"}          
                                        </div>
                                        <p>{$LANG.domainaddonsemailforwardinginfo}</p>
                                    </div>                                
                                    <div class="package-actions {if !$addonstatus.emailforwarding}hidden{/if}" data-domain-addon-actions="emailfwd">
                                        <form action="clientarea.php?action=domainaddons" method="post">
                                            <input type="hidden" name="id" value="{$domainid}"/>
                                            <input type="hidden" name="disable" value="emailfwd"/>
                                            <a tabindex="0" class="btn btn-primary" href="clientarea.php?action=domainemailforwarding&domainid={$domainid}">{$LANG.manage}</a>                                             
                                            <button tabindex="0" 
                                                type="button" 
                                                data-cancel-domain-addon 
                                                data-target="#cancelDomainAddon" 
                                                data-title="{$LANG.domainemailforwarding}" 
                                                data-domain-id="{$domainid}"
                                                data-addon="emailfwd"
                                                value="{$LANG.disable}" 
                                                class="btn btn-default">
                                                {$LANG.disable}
                                            </button> 
                                        </form>    
                                    </div>
                                    <div class="package-footer {if $addonstatus.emailforwarding}hidden{/if}" data-domain-addon-footer="emailfwd">
                                        <div class="package-price m-b-3x">
                                            <div class="price"><span class="price-prefix">{$WHMCSCurrency.prefix}</span>{$addonspricing.emailforwarding->toSuffixed()}</div>
                                        </div>
                                        <div class="package-actions">
                                            <form action="clientarea.php?action=domainaddons" method="post">
                                                <input type="hidden" name="id" value="{$domainid}"/>
                                                <input type="hidden" name="buy" value="emailfwd"/>
                                                <input type="submit" value="{$LANG.ordertitle}" class="btn btn-primary" tabindex="0"/>
                                            </form>    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {/if}
                    </div>    
                </div>
            </div>    
        </div>
    </div>
    {include file="$template/includes/domains/disable-domain-addon.tpl"}
{/if}