@extends('layouts.app')

@section('breadcrumbs')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb my-0 ms-2">
            <li class="breadcrumb-item">
                <a href="/">
                    <svg class="nav-icon">
                        <use xlink:href="/images/sprites/free.svg#cil-home"></use>
                    </svg>
                </a>
            </li>
            <!--<li class="breadcrumb-item">
                <a href="/users">
                    <span>Users</span>
                </a>
            </li>-->
            <li class="breadcrumb-item active"><span>Users</span></li>
        </ol>
    </nav>
@endsection

@section('content')
	<div class="card mb-4">
		<div class="card-body">

			@include('users.filter', $filter_parameters)

		</div>
	</div>

	@include('partials.messages')

	<div class="card mb-4">
		<div class="card-header">Users</div>

		<div class="card-body">
			<div class="pb-2 mb-3 border-bottom">
				<div class="form-group text-end">
					@can('create', App\Models\User::class)
					<a class="btn btn-primary" href="/users/create" role="button">Create new</a>
					@endcan
				</div>
			</div>

			@if (count($users) > 0)
			<div class="table-responsive">
				<table class="table table-striped align-middle">
					<thead>
						<tr>
							<th>Name</th>
							<th>Email</th>
							<th>Role</th>
							<th class="text-end">Action</th>
						</tr>
					</thead>
					<tbody>
					@foreach ($users as $user)
						@can('view', $user)
						<tr>
							<td>{{ $user->name }}</td>
							<td>{{ $user->email }}</td>
							<td>{{ ucwords($user->roles->first()['name']) }}</td>
							<td class="text-end">@can('update', $user)<a href="/users/{{ $user->id }}/edit" class="btn btn-sm btn-primary">Edit</a>@endcan</td>
						</tr>
						@endcan
					@endforeach
					</tbody>
				</table>
			</div>
			{!! $users->links() !!}
			@else
			<p>No users found.</p>
			@endif
		</div>
	</div>
@endsection('content')