osb/resources/views/theme/backend/adminlte/invoice/widget/due.blade.php

<!-- $o = Account::class -->
<!-- Show outstanding invoices -->
<table class="table table-bordered w-100" id="invoices_due_{{ $o->id }}">
	<thead>
	<tr>
		<th>Account</th>
		<th>#</th>
		<th>Due</th>
		<th class="text-right">Total</th>
		<th class="text-right">Outstanding</th>
	</tr>
	</thead>

	<tbody>
	@foreach ($list as $oo)
		<tr @if ($oo->due_at->isPast()) class="table-danger" @endif>
			<td>{{ $oo->account->name }}</td>
			<td><a href="{{ url('u/invoice',$oo->id) }}">{{ $oo->lid }}</a></td>
			<td>{{ $oo->due_at->format('Y-m-d') }}</td>
			<td class="text-right">${{ number_format($oo->_total,2) }}</td>
			<td class="text-right">${{ number_format($oo->_balance,2) }}</td>
		</tr>
	@endforeach
	</tbody>
</table>

@section('page-styles')
	@css(datatables,bootstrap4|rowgroup)
@append

@section('page-scripts')
	@js(datatables,bootstrap4|rowgroup)

	<script type="text/javascript">
		@if ($list->count())
		$(document).ready(function() {
			$('#invoices_due_{{ $o->id }}').DataTable({
				// If we have more than 1 account id, order by account
				order: [[0,'asc'],[2,'asc'],[1,'desc']],
				rowGroup: {
					dataSrc: 0,
				},
				columnDefs: [
					{
						targets: [0],
						visible: false,
					}
				],
			});
		});
		@endif
	</script>
@append