@forelse ($data as $item)
    @php
        $avatar_placeholder = url('assets/img/avatars/placeholder.jpg');
        $avatar = $item->pas_photo ? Util::linkFile('pas-photo', $item->pas_photo) : $avatar_placeholder;

        $bgcolors = [
            'Approved' => '#3DAD5C',
            'Need Review' => '#FAAD43',
            'Decline' => '#ED3E3E',
        ];

        $icons = [
            'Approved' => url('assets/img/icons/approved.svg'),
            'Need Review' => url('assets/img/icons/pending.svg'),
            'Decline' => url('assets/img/icons/decline.svg'),
        ];

        $gateNames = [];

        if ($item->gateInVisitor && count($item->gateInVisitor) > 0) {
            foreach ($item->gateInVisitor as $gate) {
                $gateNames[] = $gate->location?->name;
            }
        }

        if ($item->gateIn && count($item->gateIn) > 0) {
            foreach ($item->gateIn[0]->gateInLocation as $gil) {
                $gateNames[] = $gil->location?->name;
            }
        }

        $implodeGateNames = implode(',', $gateNames);

    @endphp

    @php
        $get = url()->full();
        $parsedUrl = parse_url($get);
        $query = $parsedUrl['query'];
        parse_str($query, $output);
    @endphp

    <tr>
        <td class="has-text-centered">
            {{ $loop->index + 1 + $data->perPage() * ($data->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->name }}</span>
                </div>
            </div>
        </td>
        <td>{{ $item->username ?? '' }}</td>
        <td>
            @if ($item->gender == 'Male')
                <span style="background-color: #48A8EF !important;display: flex; align-items: center;"
                    class="tag is-info is-rounded">
                    <img src="{{ url('assets/img/icons/male.svg') }}" class="mr-2">
                    @lang('app.male')
                </span>
            @else
                <span style="background-color: #E62864 !important;display: flex; align-items: center;"
                    class="tag is-danger is-rounded fs-12 fw-500">
                    <img src="{{ url('assets/img/icons/female.svg') }}" class="mr-2">
                    @lang('app.female')
                </span>
            @endif
        </td>
        <td>{{ $item->company }}</td>
        <td>{{ $implodeGateNames }}</td>
        <td>
            @if ($item->gateInVisitor && count($item->gateInVisitor) > 0)
                {{ date('d F Y H:i', strtotime($item->gateInVisitor[0]->start_duty)) }}
            @endif

            @if ($item->gateIn && count($item->gateIn) > 0)
                {{ date('d F Y H:i', strtotime($item->gateIn[0]->start_duty)) }}
            @endif
        </td>
        <td>
            @if ($item->gateInVisitor && count($item->gateInVisitor) > 0)
                {{ date('d F Y H:i', strtotime($item->gateInVisitor[0]->end_duty)) }}
            @endif

            @if ($item->gateIn && count($item->gateIn) > 0)
                {{ date('d F Y H:i', strtotime($item->gateIn[0]->end_duty)) }}
            @endif
        </td>
        @if ($type == 'all')
            <td class="has-text-centered">
                @if ($item->gateInVisitor)
                    @lang('app.visitor')
                @endif

                @if ($item->gateIn)
                    @lang('app.worker')
                @endif
            </td>
        @endif
    </tr>
@empty
    <tr>
        <td colspan="9" class="has-text-centered">
            @include('components.empty.empty-state')
        </td>
    </tr>
@endforelse