<table class="table tablelist">
  <colgroup>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
<col>
  </colgroup>
  <thead class="bg-light">
<tr>
  <th class="pointer" prop="id">
<span>ID</span>
<span class="text-black-50 d-inline-flex flex-column justify-content-center ml-1 offset-3">
  <i class="bx bx-caret-up"></i>
  <i class="bx bx-caret-down"></i>
</span>
  </th>
  <th class="pointer" prop="invoice_id">
<span>{$Lang.bill_no}</span>
<span class="text-black-50 d-inline-flex flex-column justify-content-center ml-1 offset-3">
  <i class="bx bx-caret-up"></i>
  <i class="bx bx-caret-down"></i>
</span>
  </th>
  <th class="pointer" prop="amount_in">
<span>{$Lang.amount_money}</span>
<span class="text-black-50 d-inline-flex flex-column justify-content-center ml-1 offset-3">
  <i class="bx bx-caret-up"></i>
  <i class="bx bx-caret-down"></i>
</span>
  </th>
  <th class="pointer" prop="id">
<span>{$Lang.type}</span>
<span class="text-black-50 d-inline-flex flex-column justify-content-center ml-1 offset-3">
  <i class="bx bx-caret-up"></i>
  <i class="bx bx-caret-down"></i>
</span>
  </th>
  <th class="pointer" prop="type">
<span>{$Lang.transaction_time}</span>
<span class="text-black-50 d-inline-flex flex-column justify-content-center ml-1 offset-3">
  <i class="bx bx-caret-up"></i>
  <i class="bx bx-caret-down"></i>
</span>
  </th>
</tr>
  </thead>
  <tbody>
{if $Transaction}
{foreach $Transaction as $list}
<tr>
  <td>{$list.id}</td>
  <td><a href="viewbilling?id={$list.id}"><span class="badge badge-light">#{$list.id}</span></a></td>
  <td>{$list.subtotal}</td>
  <td>{$list.type}</td>
  <td>{$list.paid_time|date="Y-m-d H:i:s"}</td>
</tr>
{/foreach}
{else}
<tr>
  <td colspan="8">
<div class="no-data">{$Lang.nothing}</div>
  </td>
</tr>
{/if}
  </tbody>
</table>