{{-- {{ dd(get_class($items)) }} --}}
<table class="table" width="100%" cellspacing="0">
    <thead>
        <tr class="bg-gray-50 text-gray-950">
            <th style="text-align: center;">No</th>
            <th>Nama</th>
            <th>Username</th>
            <th>Email</th>
            {{-- <th>Password</th> --}}
            <th style="text-align: center;">Aksi</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($items as $item)
            <tr class="text-gray-900">
                <td align="center">{{ $items->firstItem() + $loop->index }}</td>
                <td>{{ $item->name }}</td>
                <td>{{ $item->username }}</td>
                <td>{{ $item->email }}</td>
                {{-- <td>{{ $item->password }}</td> --}}
                <td align="center" width="16%">
                    <a href="{{ route('user.edit', $item->id) }}" class="btn btn-info" title="Edit User">
                        <i class="fa fa-pencil-alt"></i><span class="ml-2 font-medium">Edit</span>
                    </a>
                    <button type="button" class="btn btn-danger"
                        onclick="showDeleteModal('{{ route('user.destroy', $item->id) }}', '{{ $item->name }}')">
                        <i class="fas fa-trash-alt"></i><span class="ml-2 font-medium">Hapus</span>
                    </button>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="5" class="text-center">Data Kosong</td>
            </tr>
        @endforelse
    </tbody>
</table>

<div class="d-flex justify-content-between align-items-center m-3">
    <div class="text-gray-950 font-normal">
        Menampilkan {{ $items->firstItem() ?? 0 }} sampai {{ $items->lastItem() ?? 0 }} dari total
        {{ $items->total() }} entri
    </div>
    <div>
        {!! $items->links() !!}
    </div>
</div>