@if($users->total() > 0)
        <p class="text-xs text-surface-400 mb-3 px-1">
            Showing {{ $users->firstItem() }}&ndash;{{ $users->lastItem() }} of {{ $users->total() }} users
        </p>
    @endif

    
    <div class="card overflow-hidden">
        @if($users->count())
            <div class="overflow-x-auto">
                <table class="w-full">
                    <thead>
                        <tr>
                            <th class="table-th">User</th>
                            <th class="table-th">Roles</th>
                            <th class="table-th">Country</th>
                            <th class="table-th">Status</th>
                            <th class="table-th">Joined</th>
                            <th class="table-th text-right pr-6">Actions</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-surface-50">
                        @foreach($users as $user)
                            @include('admin.users.partials.user-row', ['user' => $user])
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="px-6 py-4 border-t border-surface-100">
                {{ $users->appends(request()->query())->links() }}
            </div>

        @else
            
            <div class="flex flex-col items-center justify-center py-24 text-center">
                <div class="w-16 h-16 rounded-2xl bg-surface-100 flex items-center justify-center mb-4">
                    <svg class="w-8 h-8 text-surface-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25"
                            d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/>
                    </svg>
                </div>
                <h3 class="font-display font-semibold text-surface-900 mb-1">
                    {{ array_filter($filters ?? []) ? 'No matching users' : 'No users yet' }}
                </h3>
                <p class="text-surface-400 text-sm mb-6 max-w-xs">
                    {{ array_filter($filters ?? []) ? 'Try adjusting your search or filter criteria.' : 'Create your first user to get started.' }}
                </p>
                <a href="{{ route('admin.users.create') }}" class="btn-primary">
                    <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
                    </svg>
                    Add User
                </a>
            </div>
        @endif
    </div>