@forelse ($returnWorkers as $item)
    @php
        $avatar = Util::linkFile('pas-photo', $item->user->pas_photo);
    @endphp
    <tr data-id="{{ $item->id }}"
        @role(['super_admin', 'contract_user', 'user_admin', 'admin_contractor', 'doctor']) class="modal-summary-data"  @endrole>
        <td class="has-text-centered">
            {{ $loop->index + 1 + $returnWorkers->perPage() * ($returnWorkers->currentPage() - 1) }}</td>
        <td>
            <div class="flex-media">
                <div class="h-avatar is-small">
                    <img class="avatar" src="{{ $avatar }}">
                </div>
                <div class="meta">
                    <span>{{ $item->user->name }}</span>
                </div>
            </div>
        </td>
        <td>{{ $item->user->username }}</td>
        <td>{{ $item->user->position }}</td>
        <td>{{ date('d F Y H:i', strtotime($item->historyDuty->start_duty)) }}</td>
        <td>{{ date('d F Y H:i', strtotime($item->historyDuty->end_duty)) }}</td>
        <td>{{ date('d F Y H:i', strtotime($item->historyDuty->actual_date)) }}</td>
        <td class="has-text-centered">{{ $item->reason->reason ?? $item->other_reason }}</td>
        <td class="has-text-centered">
            @include('components.util.status-return-worker', [
                'name' => 'return_worker_status' . $item->id,
                'user_id' => $item->user->id,
                'class' => 'update-status-gatein',
                'route' => route('return-worker.update-status'),
                'returned_worker_id' => $item->id,
                'style' => 'width:170px',
                'status' => $item->status,
            ])
        </td>
    </tr>

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

<script>
    $(document).on('click', '.modal-summary-data', function() {
        const id = $(this).data('id')
        $.ajax({
            url: dataSummary,
            data: {
                id
            },
            success: (res) => {
                $('#container_summary').html(res)
                $('#modal_summary').addClass('is-active')
            }
        })
    })
</script>