@if ($tabData === null || $tabData->isEmpty())
    <x-ui.operational.empty-state :title="__('employees.empty_tab.activity')" />
@else
    <div class="list-group list-group-flush">
        @foreach ($tabData as $log)
            <div class="list-group-item px-0">
                <div class="d-flex justify-content-between gap-2">
                    <div>
                        <div class="fw-semibold">{{ $log->description }}</div>
                        <div class="small text-muted">{{ $log->user?->name ?? '—' }} · {{ $log->action }}</div>
                    </div>
                    <div class="small text-muted text-nowrap">{{ $log->created_at?->format('Y-m-d H:i') }}</div>
                </div>
            </div>
        @endforeach
    </div>
@endif
