<!-- Show outstanding invoices --> <div class="card card-warning"> <div class="card-header"> <h3 class="card-title">Invoices Due</h3> </div> <div class="card-body"> @if(($x=$o->invoices()->with(['items.taxes','paymentitems.payment','account'])->get()->where('due','>',0))->count()) <table class="table table-bordered w-100" id="invoices_due"> <thead> <tr> <th>Account</th> <th>#</th> <th>Issued</th> <th>Due</th> <th class="text-right">Total</th> <th class="text-right">Payments</th> <th class="text-right">Outstanding</th> </tr> </thead> <tbody> @foreach ($x 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->sid }}</a></td> <td>{{ $oo->created_at->format('Y-m-d') }}</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->paid,2) }}</td> <td class="text-right">${{ number_format($oo->due,2) }}</td> </tr> @endforeach </tbody> </table> @else <p>No invoice due</p> @endif </div> </div> @section('page-scripts') @css(datatables,bootstrap4|rowgroup) @js(datatables,bootstrap4|rowgroup) <script type="text/javascript"> $(document).ready(function() { $('#invoices_due').DataTable({ order: [[0,'asc'],[3,'desc']], rowGroup: { dataSrc: 0, }, columnDefs: [ { targets: [0], visible: false, } ], }); $('#invoices_due tbody').on('click','tr', function () { $(this).toggleClass('selected'); }); }); </script> @append