More Service display

resources/theme/backend/adminlte/common/service/widget/invoice.blade.php

@@ -0,0 +1,18 @@
+<div class="card">
+	<div class="card-header">
+		<strong>Next Invoice Details</strong>
+	</div>
+
+	<div class="card-body">
+		<table class="table table-borderless">
+			<tr>
+				<th colspan="3">{{ $o->name }}</th><th class="text-right">{{ number_format($o->next_invoice_items()->sum('amt'),2) }}</th>
+			</tr>
+			@foreach ($o->next_invoice_items() as $oo)
+				<tr>
+					<td class="pt-0 pb-1">&nbsp;</td><td class="pt-0 pb-1">{{ $oo['desc'] }}</td><td class="text-right pt-0 pb-1">{{ number_format($oo['amt'],2) }}</td>
+				</tr>
+			@endforeach
+		</table>
+	</div>
+</div>

resources/theme/backend/adminlte/u/service/adsl/ACTIVE.blade.php

@@ -84,12 +84,20 @@
 												<table class="table table-borderless">
 													<tr>
 														<th>Speed</th>
-														<td>TBA</td>
+														<td>{{ $o->product->type->speed }}</td>
 													</tr>
+													@if ($o->product->type->base_down_peak)
 													<tr>
 														<th>Peak Included Downloads</th>
-														<td>TBA</td>
+														<td>{{ number_format($o->product->type->base_down_peak,0) }}GB</td>
 													</tr>
+													@endif
+													@if ($o->product->type->base_down_offpeak)
+														<tr>
+															<th>Peak Included Downloads</th>
+															<td>{{ number_format($o->product->type->base_down_offpeak,0) }}MB</td>
+														</tr>
+													@endif
 													<tr>
 														<th>Traffic Last Month</th>
 														<td>TBA</td>
@@ -111,7 +119,22 @@
 							</div>
 
 							<div class="tab-pane" id="tab-invoice">
-								@include('common.invoice.widget.list')
+								<div class="row">
+									<div class="col-4">
+										@include('common.service.widget.invoice')
+
+										{{-- @todo show list of outstanding invoices --}}
+									</div>
+
+									{{-- Workaround since col-offset-x is not in our CSS? --}}
+									<div class="col-2">
+										&nbsp;
+									</div>
+
+									<div class="col-6">
+										@include('common.invoice.widget.list')
+									</div>
+								</div>
 							</div>
 
 							<div class="tab-pane" id="tab-email">