![]() Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/gositeme.com/public_html/whmcs/templates/twenty-one/ |
{include file="$template/includes/tablelist.tpl" tableName="InvoicesList" filterColumn="4"}
<script>
jQuery(document).ready(function() {
var table = jQuery('#tableInvoicesList').show().DataTable();
{if $orderby == 'default'}
table.order([4, 'desc'], [2, 'asc']);
{elseif $orderby == 'invoicenum'}
table.order(0, '{$sort}');
{elseif $orderby == 'date'}
table.order(1, '{$sort}');
{elseif $orderby == 'duedate'}
table.order(2, '{$sort}');
{elseif $orderby == 'total'}
table.order(3, '{$sort}');
{elseif $orderby == 'status'}
table.order(4, '{$sort}');
{/if}
table.draw();
jQuery('#tableLoading').hide();
});
</script>
<div class="table-container clearfix">
<table id="tableInvoicesList" class="table table-list w-hidden">
<thead>
<tr>
<th>{lang key='invoicestitle'}</th>
<th>{lang key='invoicesdatecreated'}</th>
<th>{lang key='invoicesdatedue'}</th>
<th>{lang key='invoicestotal'}</th>
<th>{lang key='invoicesstatus'}</th>
</tr>
</thead>
<tbody>
{foreach $invoices as $invoice}
<tr onclick="clickableSafeRedirect(event, 'viewinvoice.php?id={$invoice.id}', false)">
<td>{$invoice.invoicenum}</td>
<td><span class="w-hidden">{$invoice.normalisedDateCreated}</span>{$invoice.datecreated}</td>
<td><span class="w-hidden">{$invoice.normalisedDateDue}</span>{$invoice.datedue}</td>
<td data-order="{$invoice.totalnum}">{$invoice.total}</td>
<td><span class="label status status-{$invoice.statusClass}">{$invoice.status}</span></td>
</tr>
{/foreach}
</tbody>
</table>
<div class="text-center" id="tableLoading">
<p><i class="fas fa-spinner fa-spin"></i> {lang key='loading'}</p>
</div>
</div>