osb/resources/views/theme/backend/adminlte/r/account/widgets/list.blade.php

<div class="card card-dark">
	<div class="card-header">
		<h4 class="card-title">Accounts</h4>
	</div>

	<div class="card-body">
		@if ($user->accounts->count())
			<table class="table table-striped table-hover" id="accounts">
				<thead>
				<tr>
					<th>Profile</th>
					<th>Name</th>
					<th class="text-right">Services</th>
				</tr>
				</thead>
				<tbody>
				@foreach ($user->accounts as $ao)
					<tr>
						<td><a href="{{ url('r/switch/start',$ao->user_id) }}"><i class="fas fa-external-link-alt"></i></a></td>
						<td>{{ $ao->name  }}</td>
						<td class="text-right">{{ $ao->services->where('active',TRUE)->count() }} <small>/{{ $ao->services->count() }}</small></td>
					</tr>
				@endforeach
				</tbody>

				<tfoot>
				<tr>
					<th>Count {{ $user->accounts->count() }}</th>
					<th colspan="2">&nbsp;</th>
				</tr>
				</tfoot>
			</table>

		@else
			<p>No Accounts Active</p>
		@endif
	</div>
</div>

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

	<script type="text/javascript">
		$(document).ready(function() {
			$('#accounts').DataTable({
				language: {
					emptyTable: "No Active Clients"
				},
				order: [1,'asc'],
				pageLength: 10
			});

			$('#accounts tbody').on('click','tr', function () {
				$(this).toggleClass('selected');
			});
		});
	</script>
@append