@forelse ($users as $u)
    @php
        $url_detail = route('user.detail', ['id' => encrypt($u->id)]);

        $words = explode(' ', $u->name);
        $firstLetters = '';

        foreach ($words as $word) {
            $firstLetters .= strtoupper($word[0]);
        }

    @endphp

    <tr>
        <td class="has-text-centered">{{ $loop->index + 1 + $users->perPage() * ($users->currentPage() - 1) }}</td>
        <td>
            <div class="flex-media">
                <div class="h-avatar is-medium">
                    @if (!empty($u->pas_photo))
                        <img class="avatar" src="{{ Util::linkFile('pas_photo/', $u->pas_photo) }}">
                    @else
                        <span class="avatar is-fake is-danger">
                            <span>{{ $firstLetters }}</span>
                        </span>
                    @endif
                </div>
                <div class="meta">
                    <div style="display: inline-flex; align-items: center; gap: 2px;">
                        <span>{{ $u->name }}</span>
                    </div>
                    <span>{{ $u->email }}</span>
                </div>
            </div>
        </td>
        <td class="has-text-centered">
            {{ $u->creator->name }}
        </td>
        <td class="has-text-centered">
            @foreach ($u->roles as $role)
                {{ ucwords(str_replace('_', ' ', $role->name)) }}
            @endforeach
        </td>
        <td class="has-text-centered">
            <div class="buttons" style="justify-content: center;display:flex">
                @include('components.util.change-status', [
                    'status' => $u->status,
                    'name' => 'user_status' . $u->id,
                    'user_id' => $u->id,
                    'type' => 'user_status',
                ])
            </div>
        </td>
    </tr>

@empty
    <tr>
        <td colspan="5" class="has-text-centered">
            @include('components.empty.empty-state')
        </td>
    </tr>
@endforelse