@extends('layouts.app')
@section('htmlheader_title')
	Users
@endsection

@section('content')
	<div class="row">
		<div class="col-12">
			<h2>System Users</h2>

			<p>This system is aware of the following users (you can <a href="{{ url('user/addedit') }}">add</a> more):</p>
			<table class="table monotable" id="user">
				<thead>
				<tr>
					<th>ID</th>
					<th>Email</th>
					<th>Name</th>
					<th>Active</th>
					<th>Verified</th>
					<th>Last On</th>
					<th class="text-end">Systems</th>
				</tr>
				</thead>

				<tbody>
				@foreach (\App\Models\User::orderBy('email')->with(['systems'])->get() as $oo)
					<tr class="{{ $oo->admin ? 'admin' : '' }}">
						<td><a href="{{ url('user/addedit',[$oo->id]) }}">{{ $oo->id }}</a> @if($user->admin && ($user->id !== $oo->id))<span class="float-end"><a href="{{ url('admin/switch/start',[$oo->id]) }}"><i class="bi bi-person-bounding-box"></i></a></span>@endif</td>
						<td>{{ $oo->email }}</td>
						<td>{{ $oo->name }}</td>
						<td>{{ $oo->active ? 'YES' : 'NO' }}</td>
						<td>{{ $oo->email_verified_at ? $oo->email_verified_at->format('Y-m-d') : '-' }}</td>
						<td>{{ $oo->last_on ? $oo->last_on->toDateTimeString() : 'Unknown' }}</td>
						<td class="text-end">{{ number_format($oo->systems->count()) }}</td>
					</tr>
				@endforeach
				</tbody>
			</table>
		</div>
	</div>
@endsection

@section('page-css')
	@css('datatables')
@append
@section('page-scripts')
	@js('datatables')

	<script type="text/javascript">
		$(document).ready(function() {
			$('table tr').click(function() {
				var href = $(this).find('a').attr('href');

				if (href)
					window.location = href;
			});

			$('#user').DataTable({
				paging: true,
				pageLength: 25,
				searching: true,
				autoWidth: false,
				conditionalPaging: {
					style: 'fade',
					speed: 500 // optional
				},
				language: {
					paginate: {
						previous: '&lt;&lt;',
						next: '&gt;&gt;'
					}
				},
			});
		});
	</script>
@append