{{--
    One users table, rendered once per tab.

    @param \Illuminate\Support\Collection $rows
    @param string $kind   'workspace' | 'native' — only changes the empty state,
                          since the tab itself already says which kind these are
                          (that's why there's no Source column any more).
--}}
<div class="table-responsive">
    <table class="table table-vcenter card-table">
        <thead>
            <tr>
                <th class="w-1">
                    <input type="checkbox" class="form-check-input m-0" data-invite-all="{{ $kind }}"
                           aria-label="Select all for invite">
                </th>
                <th>Name</th>
                <th>Email</th>
                <th>Role</th>
                <th>Access</th>
                <th>Total Activity</th>
                <th class="w-1"></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($rows as $user)
                <tr>
                    <td>
                        {{-- `form=` rather than wrapping the table: each row's
                             actions cell already contains a delete <form>, and
                             nested forms are invalid HTML (the browser drops the
                             inner one). This binds the box to the footer form
                             sitting outside the table. --}}
                        <input type="checkbox" class="form-check-input m-0" name="users[]" value="{{ $user->id }}"
                               form="invite-form-{{ $kind }}" data-invite-row="{{ $kind }}"
                               aria-label="Invite {{ $user->name }}">
                    </td>
                    <td class="fw-semibold">
                        {{ $user->name }}
                        {{-- Only reachable via the All / Inactive filter, so the
                             badge is the whole reason the row is visible. --}}
                        @if ($user->status === \App\Support\EmployeeStatus::INACTIVE)
                            <span class="badge bg-secondary-lt ms-1">Inactive</span>
                        @endif
                    </td>
                    <td class="text-secondary">{{ $user->email }}</td>
                    <td>{{ $user->roles->first()?->label ?? $user->roles->first()?->name ?? '—' }}</td>
                    <td>
                        @if ($user->isSuperAdmin())
                            <span class="badge bg-purple-lt">Super Admin</span>
                        @elseif ($user->is_admin)
                            <span class="badge bg-blue-lt">Admin</span>
                        @else
                            <span class="text-secondary">Desktop</span>
                        @endif
                    </td>
                    <td>
                        @php
                            $totalSec = (int) ($user->time_intervals_sum_active_seconds ?? 0);
                        @endphp
                        <span class="text-{{ $totalSec > 0 ? 'primary' : 'secondary' }} fw-semibold">
                            {{ \App\Support\Duration::hhmm($totalSec) }}
                        </span>
                    </td>
                    <td class="text-end text-nowrap">
                        @if ($kind === 'workspace')
                            {{-- Diagnosis: what is this employee's desktop showing, and
                                 has the workspace moved on since it synced? --}}
                            {{-- Opened declaratively (data-bs-toggle) like every other
                                 modal here: Tabler's bundle exposes no `bootstrap`
                                 global, so the JS API isn't available. --}}
                            <button type="button" class="btn btn-sm btn-ghost-primary js-user-tasks"
                                    data-bs-toggle="modal" data-bs-target="#user-tasks"
                                    data-url="{{ route('admin.users.tasks', $user) }}"
                                    data-name="{{ $user->name }}" title="What this user's desktop is showing">

                                <i class="ti ti-list-check me-1"></i>Tasks
                            </button>
                        @endif
                        <div class="dropdown d-inline-block">
                            <button class="btn btn-sm btn-ghost-secondary" data-bs-toggle="dropdown">
                                <i class="ti ti-dots-vertical"></i>
                            </button>
                            <div class="dropdown-menu dropdown-menu-end">
                                <button class="dropdown-item" data-bs-toggle="modal"
                                        data-bs-target="#user-edit-{{ $user->id }}">
                                    <i class="ti ti-edit me-2"></i> Edit
                                </button>
                                <div class="dropdown-divider"></div>
                                <form method="POST" action="{{ route('admin.users.destroy', $user) }}"
                                      onsubmit="return confirm('Delete this user?')">
                                    @csrf @method('DELETE')
                                    <button class="dropdown-item text-danger"><i class="ti ti-trash me-2"></i> Delete</button>
                                </form>
                            </div>
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-secondary py-4">
                    @if ($kind === 'workspace')
                        No workspace users mirrored into this company yet — use “Sync Workspace Users”.
                    @else
                        No native users in this company yet — create one with “New User”.
                    @endif
                </td></tr>
            @endforelse
        </tbody>
    </table>
</div>

@if ($rows->isNotEmpty())
    {{-- The target of every checkbox above (see the `form=` note there). One
         button for the whole tab rather than a Send Invite per row: people are
         onboarded a team at a time. --}}
    <form id="invite-form-{{ $kind }}" method="POST" action="{{ route('admin.users.send-invites') }}"
          class="card-footer d-flex align-items-center gap-2 flex-wrap">
        @csrf
        <span class="text-secondary small" data-invite-count="{{ $kind }}">No one selected</span>
        <button class="btn btn-primary btn-sm ms-auto" data-invite-submit="{{ $kind }}" disabled>
            <i class="ti ti-mail-forward me-1"></i>Send Invite
        </button>
    </form>
@endif