@extends('layouts.app')

@section('title', 'Users')

@section('content')

<div style="
    display:flex;
    justify-content:space-between;
">

<h1>
Users
</h1>

<a
class="btn"
href="{{ route(
    'admin.users.create'
) }}"
>
+ Add User
</a>

</div>

<div class="card">

<table>

<thead>

<tr>

<th>Name</th>
<th>Email</th>
<th>Role</th>
<th>Status</th>
<th>Action</th>

</tr>

</thead>

<tbody>

@forelse($users as $user)

<tr>

<td>
{{ $user->name }}
</td>

<td>
{{ $user->email }}
</td>

<td>
{{ ucfirst(
    $user->role
) }}
</td>

<td>
{{ $user->status
    ? 'Active'
    : 'Disabled'
}}
</td>

<td>

<a
class="btn"
href="{{ route(
    'admin.users.edit',
    $user
) }}"
>
Edit
</a>

<form
method="POST"
action="{{ route(
    'admin.users.destroy',
    $user
) }}"
style="display:inline"
>

@csrf
@method('DELETE')

<button
class="btn btn-danger"
onclick="
return confirm(
'Delete user?'
)
"
>
Delete
</button>

</form>

</td>

</tr>

@empty

<tr>

<td colspan="5">
No users found.
</td>

</tr>

@endforelse

</tbody>

</table>

</div>

<br>

{{ $users->links() }}

@endsection