@php
    $directoryIntel = $directoryIntel ?? app(\App\Services\Employee\EmployeeDirectoryIntelligenceService::class);
    $onLeaveEmployeeIds = $onLeaveEmployeeIds ?? [];
@endphp
@forelse ($employees as $employee)
    @php
        $nameParts = preg_split('/\s+/', trim((string) $employee->full_name)) ?: [];
        $initials = collect($nameParts)
            ->filter()
            ->take(2)
            ->map(fn ($word) => strtoupper(substr((string) $word, 0, 1)))
            ->join('');
        $initials = $initials !== '' ? $initials : '—';
        $department = trim((string) ($employee->department ?? ''));
        if ($department === '') {
            $department = trim((string) ($employee->organizationUnit?->name ?? ''));
        }
        $employmentLabel = \App\Support\EmployeeEmploymentStatus::label($employee->employment_status ?? null);
        $leaveDays = $employee->leave_balance_days;
        $isOnLeave = (bool) ($onLeaveEmployeeIds[$employee->id] ?? false);
        $accessLevel = $directoryIntel->accessLevelLabel($employee->user);
        $leaveLabel = $leaveDays === null
            ? ''
            : \App\Services\Employee\EmployeeDirectoryIntelligenceService::formatLeaveDays((float) $leaveDays);
    @endphp
    <x-loan.clickable-row :href="route('loan.employees.show', $employee)">
        <td class="px-3 py-3" data-row-ignore>
            <input type="checkbox" class="dg-row-check" data-dg-row-checkbox value="{{ $employee->id }}" aria-label="Select row">
        </td>
        <td class="ws-table__sticky-col px-3 py-3">
            <div class="flex min-w-0 items-center gap-2.5">
                <span class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-teal-50 text-[11px] font-bold text-teal-800 ring-1 ring-teal-100" aria-hidden="true">{{ $initials }}</span>
                <div class="min-w-0">
                    <div class="truncate font-medium text-slate-900" title="{{ $employee->full_name }}">{{ $employee->full_name }}</div>
                    <div class="mt-0.5 flex flex-wrap items-center gap-x-1.5 text-[11px] text-slate-500">
                        <span class="font-mono">{{ $employee->employee_number ?: '—' }}</span>
                        <span class="text-slate-300" aria-hidden="true">·</span>
                        <span>{{ $employmentLabel }}</span>
                    </div>
                </div>
            </div>
        </td>
        <td class="px-3 py-3 text-slate-600">
            <span @class(['truncate block max-w-[10rem]', 'text-slate-300' => $department === '']) title="{{ $department !== '' ? $department : '' }}">{{ $department !== '' ? $department : '—' }}</span>
        </td>
        <td class="px-3 py-3 text-slate-600">
            <span class="block max-w-[11rem] truncate" title="{{ $employee->job_title }}">{{ $employee->job_title ?: '—' }}</span>
        </td>
        <td class="px-3 py-3 text-slate-600">
            <span class="block max-w-[10rem] truncate" title="{{ $employee->branch }}">{{ $employee->branch ?: '—' }}</span>
        </td>
        <td class="px-3 py-3">
            @include('loan.employees.partials.access-status-badge', ['explain' => $accessStatuses[$employee->id] ?? [], 'compact' => true])
        </td>
        <td class="px-3 py-3 text-slate-600">
            <div class="flex max-w-[13rem] flex-col">
                @if ($employee->email)
                    <span class="truncate text-sm" title="{{ $employee->email }}">{{ $employee->email }}</span>
                @endif
                @if ($employee->phone)
                    <span class="truncate text-xs text-slate-500" title="{{ $employee->phone }}">{{ $employee->phone }}</span>
                @endif
                @if (! $employee->email && ! $employee->phone)
                    <span class="text-slate-300">—</span>
                @endif
            </div>
        </td>
        <td class="px-3 py-3 text-right tabular-nums text-slate-700">
            <div class="flex flex-col items-end gap-0.5">
                <span class="{{ $leaveLabel === '' ? 'text-slate-300' : '' }}" title="Remaining leave days this year">{{ $leaveLabel !== '' ? $leaveLabel : '—' }}</span>
                @if ($isOnLeave)
                    <span class="inline-flex rounded-full bg-amber-100 px-1.5 py-0.5 text-[10px] font-semibold text-amber-900">On leave</span>
                @endif
            </div>
        </td>
        <td class="px-3 py-3 text-slate-700">
            <span class="block max-w-[10rem] truncate" title="{{ $accessLevel }}">{{ $accessLevel !== '' ? $accessLevel : '—' }}</span>
        </td>
        <td class="px-3 py-3 text-right whitespace-nowrap no-print" data-row-ignore data-no-print>
            @php
                $canEmail = $employee->email && \App\Support\LoanPermissionCatalog::actorCan(auth()->user(), \App\Support\LoanPermissionCatalog::HR_COMMUNICATIONS_MANAGE);
                $canResend = (bool) $employee->email;
                $canDelete = \App\Support\LoanPermissionCatalog::actorCan(auth()->user(), 'employees.delete');
                $menuItemCount = 2 + (int) $canEmail + (int) $canResend + (int) $canDelete;
                $indexReturnQuery = array_filter(
                    request()->only(['q', 'status', 'employment_status', 'department', 'branch', 'per_page', 'page', 'organization_unit_id', 'login_status', 'job_title', 'on_leave']),
                    fn ($value) => $value !== null && $value !== '',
                );
                $rowEmbedded = \App\Support\Navigation\WorkspaceEmbed::inWorkspaceContext();
                $rowTurboFrame = \App\Support\Navigation\WorkspaceEmbed::turboFrame();
            @endphp
            <x-loan.row-actions
                :label="'Actions for '.$employee->full_name"
                :item-count="$menuItemCount"
            >
                <x-loan.frame-or-modal-link
                    :href="route('loan.employees.show', $employee)"
                    class="cr-row-actions__menu-item"
                    role="menuitem"
                    @click="close()"
                >View</x-loan.frame-or-modal-link>
                <x-loan.frame-or-modal-link
                    :href="route('loan.employees.edit', $employee)"
                    class="cr-row-actions__menu-item text-indigo-600 hover:bg-indigo-50"
                    role="menuitem"
                    @click="close()"
                >Edit</x-loan.frame-or-modal-link>
                @if ($canEmail)
                    <x-loan.frame-or-modal-link
                        :href="route('loan.employees.email.compose', ['employees' => [$employee->id]])"
                        class="cr-row-actions__menu-item"
                        role="menuitem"
                        @click="close()"
                    >Email</x-loan.frame-or-modal-link>
                @endif
                @if ($canResend)
                    <form
                        method="post"
                        action="{{ route('loan.employees.resend_login', $employee) }}"
                        data-turbo-frame="{{ $rowTurboFrame }}"
                        data-swal-confirm="Resend login credentials to this employee email?"
                    >
                        @csrf
                        <input type="hidden" name="return_to" value="index">
                        @foreach ($indexReturnQuery as $returnKey => $returnValue)
                            <input type="hidden" name="return_query[{{ $returnKey }}]" value="{{ $returnValue }}">
                        @endforeach
                        @if ($rowEmbedded)
                            <input type="hidden" name="embedded" value="1">
                        @endif
                        @php $deliveryEmail = strtolower(trim((string) ($employee->email ?? ''))); @endphp
                        @if ($deliveryEmail !== '')
                            <input type="hidden" name="delivery_email" value="{{ $deliveryEmail }}">
                        @endif
                        <button type="submit" class="cr-row-actions__menu-item w-full text-left text-emerald-600 hover:bg-emerald-50" role="menuitem" @click="close()">Resend login</button>
                    </form>
                @endif
                @if ($canDelete)
                    <form
                        method="post"
                        action="{{ route('loan.employees.destroy', $employee) }}"
                        data-turbo-frame="{{ $rowTurboFrame }}"
                        data-swal-confirm="Remove {{ $employee->full_name }} only if unused (no portfolio, staff loans, or login). Prefer Deactivate / Exit workflow."
                        data-swal-confirm-text="Yes, remove if unused"
                        data-swal-title="Delete unused only"
                    >
                        @csrf
                        @method('delete')
                        @if ($rowEmbedded)
                            <input type="hidden" name="embedded" value="1">
                        @endif
                        <button
                            type="submit"
                            class="cr-row-actions__menu-item cr-row-actions__menu-item--danger w-full text-left"
                            role="menuitem"
                            @click="close()"
                        >Delete if unused</button>
                    </form>
                @endif
            </x-loan.row-actions>
        </td>
    </x-loan.clickable-row>
@empty
@endforelse