@extends('layouts.admin')

@section('title', 'Currently Logged In Users')

@section('content')
	<div class="mb-3">
		<h1 class="h3 d-inline align-middle">Currently Logged In Users</h1>
	</div>

	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<h5 class="card-title mb-0">Active sessions</h5>
				</div>
				<div class="card-body">
					<table class="table table-striped dataTable no-footer dtr-inline dt_online_table" data-export-title="Currently Logged In" style="width:100%">
						<thead>
							<tr>
								<th>S.No.</th>
								<th>User</th>
								<th>Since</th>
								<th>IP</th>
								<th>Device</th>
								<th>Browser</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
@endsection

@push('scripts')
<script>
	$(document).ready(function() {
		initDatatable(
			'dt_online_table',
			"{{ route('admin.reports.online.data') }}",
			{},
			[
				{ targets: 0, className: "dt-body-left dt-head-left" }
			],
			100,
			['btn-all'],
			true,
			[]
		);
	});
</script>
@endpush