@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header">
      <h5 class="mb-0">Users</h5>
    </div>
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Role</th>
            <th>Balance</th>
            <th>Verified</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          @forelse($users as $user)
            <tr>
              <td>{{ $user->name }}</td>
              <td>{{ $user->email }}</td>
              <td><span class="badge bg-label-info">{{ $user->role }}</span></td>
              <td>${{ number_format($user->balance, 2) }}</td>
              <td><span class="badge bg-label-{{ $user->is_verified ? 'success' : 'secondary' }}">{{ $user->is_verified ? 'Yes' : 'No' }}</span></td>
              <td>
                @can('update user')
                  <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                @else
                  <span class="text-muted">-</span>
                @endcan
              </td>
            </tr>
          @empty
            <tr><td colspan="6" class="text-center py-4">No users found.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    @if($users->hasPages() || $users->total() > 0)
      <div class="card-footer d-flex justify-content-between align-items-center flex-wrap py-3 border-top">
        <div class="text-muted small mb-2 mb-md-0">
          Showing <strong>{{ $users->firstItem() ?? 0 }}</strong> to <strong>{{ $users->lastItem() ?? 0 }}</strong> of <strong>{{ $users->total() }}</strong> entries
        </div>
        <div>
          {{ $users->links() }}
        </div>
      </div>
    @endif
  </div>
</div>
@endsection