{if file_exists("templates/$template/includes/overwrites/active-products-services-item.tpl")}
    {include file="{$template}/includes/overwrites/active-products-services-item.tpl"}  
{else}
    <div class="list-group-item-content" data-href="clientarea.php?action=productdetails&id={$service->id}">

        <div class="graphic-item graphic-item-sm">
            <span class="product-graphic-replace"></span>
        </div>

        <div class="list-group-item-name">
            <span class="list-group-item-fullname"><span class="list-group-item-group"><b>{$service->product->productGroup->name}</b> - </span>{$service->product->name}</span>
            <span class="text-domain">{$service->domain}</span>
        </div>
        <div class="list-group-item-status">
            {assign var="nexDueTS" value=strtotime($service->nextduedate)}
            {if $service->billingcycle == "Monthly"}
                {assign var="nexDueTSConv" value=strtotime( "-3 day", strtotime($service->nextduedate))}
            {else}
                {assign var="nexDueTSConv" value=strtotime( "-30 day", strtotime($service->nextduedate))}
            {/if}
            {assign var="todayDate" value=strtotime($todaysdate|date_format:"%A, %B %e, %Y")}
            {math assign="days" equation='(x-y)/z' x=$nexDueTS y=$todayDate z="86400"}
            {if ($nexDueTSConv <= $todayDate) && ($service->nextduedate != '0000-00-00')}
                <span class="status-expiry text-danger">
                    {if $days < 0}
                        {math assign="days" equation='x*y' x=$days y="-1"}
                        {lang key='domainRenewal.expiredDaysAgo' days=$days|string_format:"%d"}
                    {else}
                        {lang key='domainRenewal.expiringIn' days=$days|string_format:"%d"}
                    {/if}
                    <i class="ls ls-exclamation-circle"></i>
                </span>
            {/if}
            <span class="label label-{$statusProperties[$service->domainStatus]['modifier']}"
                title="{$statusProperties[$service->domainStatus]['translation']}"
            >
                {$statusProperties[$service->domainStatus]['translation']}
            </span>
        </div>
        <div class="list-group-item-actions">
            {if !empty($buttonData)}
                <div class="list-group-item-dropdown dropdown" data-service-id="{$service->id}">    
                    <button tabindex="0" type="button"
                            class="btn btn-sm btn-default dropdown-toggle"
                            data-toggle="dropdown"
                            aria-haspopup="true"
                            aria-expanded="false"
                    >
                        <span>{$LANG.manage}</span>
                        <i class="ls ls-caret"></i>
                    </button>
                    <ul class="dropdown-menu" data-service-id="{$service->id}" data-href="clientarea.php?action=productdetails&id={$service->id}">
                        {foreach $buttonData as $buttonDatum}
                            <li class="dropdown-item btn-custom-action{if !$buttonDatum['active']} disabled{/if}"
                                data-serviceid="{$buttonDatum['serviceid']}"
                                data-identifier="{$buttonDatum['identifier']}"
                                data-active="{$buttonDatum['active']}"
                                {if !$buttonDatum['active']}disabled="disabled"{/if}
                            >
                                {$buttonDatum['display']}
                                <span class="loading w-hidden">
                                    {include file="$template/includes/common/loader.tpl" classes="spinner-sm"}   
                                </span>
                            </li>
                        {/foreach}
                        <li class="dropdown-item">{$LANG.manage}</li>
                    </ul>
                </div>    
            {else}
                <button tabindex="0" class="btn btn-default btn-sm btn-view-details">
                    {$LANG.manage}
                </button>    
            {/if}
        </div>
    </div>
{/if}