@extends('layouts.app')
@section('title','Users')
@section('page-title','User Management')
@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
  <h5 class="mb-0"><i class="bi bi-person-lock me-2"></i>System Users</h5>
  <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Add User</a>
</div>
<div class="card stat-card"><div class="table-responsive"><table class="table table-hover mb-0">
  <thead><tr><th>Name</th><th>Email</th><th>Role</th><th>Created</th><th></th></tr></thead>
  <tbody>
    @forelse($users as $u)
    <tr>
      <td class="fw-semibold small">{{ $u->name }}</td>
      <td class="small">{{ $u->email }}</td>
      <td><span class="badge bg-primary">{{ $u->roles->first()?->name ?? 'No Role' }}</span></td>
      <td class="small">{{ $u->created_at->format('d M Y') }}</td>
      <td><a href="{{ route('users.edit',$u) }}" class="btn btn-xs btn-outline-secondary" style="font-size:.75rem;padding:.15rem .4rem"><i class="bi bi-pencil"></i></a></td>
    </tr>
    @empty<tr><td colspan="5" class="text-center py-4 text-muted">No users.</td></tr>
    @endforelse
  </tbody>
</table></div><div class="card-footer bg-white">{{ $users->links() }}</div></div>
@endsection