@extends('layouts.admin')
@section('title', 'Users')
@section('content')
<x-page-header title="Users"><x-slot:actions><a href="{{ route('admin.users.create') }}" class="btn btn-hp-primary btn-sm"><i class="bi bi-plus-lg"></i> Add User</a></x-slot:actions></x-page-header>
<div class="hp-card"><div class="table-responsive"><table class="table hp-table mb-0"><thead><tr><th>Name</th><th>Email</th><th>Roles</th><th>Status</th><th></th></tr></thead>
<tbody>@foreach($users as $u)<tr><td>{{ $u->name }}</td><td>{{ $u->email }}</td><td>{{ $u->roles->pluck('name')->join(', ') ?: '—' }}</td><td><x-status-badge :status="$u->status"/></td>
<td><a href="{{ route('admin.users.edit', $u) }}" class="btn btn-sm btn-hp-outline">Edit</a></td></tr>@endforeach</tbody></table></div><div class="p-3">{{ $users->links() }}</div></div>
@endsection