@inject('accessService', 'App\Services\AccessService')

@forelse ($employees as $e)
    @php
        $avatar = Util::linkFile('pas-photo', $e->pas_photo ?? '');
        $url_delete = route('employee.delete', ['id' => encrypt($e->id)]);
        $nomor = $loop->index + 1 + $employees->perPage() * ($employees->currentPage() - 1);

        $rowRoutes = route('employee.detail', ['id' => encrypt($e->id)]);

        $canEdit = $accessService->workerCanEdit(Auth::user(), $e);
        $userRoleName = Auth::user()->getRoleNames()->first();

        $fullUrl = url()->full();

        // if($canEdit) {
        //     switch($userRoleName) {
        //         case "dokter":
        //             $statusList = [
        //                 "Need Review",
        //                 "Under Review",
        //             ];
        //             if(in_array($e->employeeMcu?->status,$statusList)) {
        //                 $rowRoutes = route('employee.edit', ['id' => encrypt($e->id), 'update_profile' => 1]);
        //             }
        //             break;
        //         case "contract_user":
        //             $statusList = [
        //                 "Need Review",
        //                 "Under Review",
        //             ];
        //             if(in_array($e->competency_status, $statusList)) {
        //                 $rowRoutes = route('employee.edit', ['id' => encrypt($e->id), 'update_profile' => 1]);
        //             }
        //             break;
        //         default:
        //             break;
        //     }
        // }
    @endphp
    @role(['dokter'])
        @if (strpos($fullUrl, 'status') !== false)
            @php 
                $rowRoutes = route('employee.edit', ['id' => encrypt($e->id), 'update_profile' => 1]);
            @endphp
        @endif
    @endrole
    @role(['contract_user'])
        @if ($e->competency_status == 'Need Review' || $e->info_status["competency"] == 'Need Review' || $e->competency_status == 'Under Review' || $e->info_status["competency"] == 'Under Review')
            @php 
                $rowRoutes = route('employee.edit', ['id' => encrypt($e->id), 'update_profile' => 1]);
            @endphp
        @endif
    @endrole
    <tr style="cursor: pointer;" onclick="window.location.href='{{ $rowRoutes }}'" oncontextmenu="event.preventDefault(); window.open('{{ $rowRoutes }}', '_blank');">
        <td onclick="event.stopPropagation();">
            <label class="custom-checkbox">
              <input type="checkbox" value="{{ $e->id }}" class="checkbox" name="item" onclick="updateCheckAll()">
              <span class="checkmark"></span>
            </label>
        </td>
        @role(['admin_contractor', 'contract_user', 'dokter'])
            <td>
                @if($e->submit_date && $e->status_data == 'Submitted' )
                    {{ \Carbon\Carbon::parse($e->submit_date)->format('d M Y, H:i') }}
                @elseif(empty($e->submit_date) && $e->status_data == 'Submitted')
                    {{ \Carbon\Carbon::parse($e->updated_at)->format('d M Y, H:i') }}
                @endif
            </td>
        @endrole
        <td>
            <div class="flex-media">
                    @if ($avatar)
                        <div class="h-avatar is-small">
                            <img class="avatar" src="{{ $avatar }}">
                        </div>
                    @else
                    {!! generate_avatar($e->name) !!}
                    @endif
                <div class="meta">
                    <span>{{ $e->name }}</span>
                </div>
            </div>
        </td>
        <td>{{ $e->roleEmployee->name ?? '' }}</td>
        <td>{{ $e->company }}</td>
        <td>
            @php
                $statusData = $e->status_data ?? "Draft";
                $classList = "bg-awaits awaits1";

                switch($statusData) {
                    case "Submitted":
                        $classList = "bg-awaits awaits3";
                        break;
                    case "Draft":
                        $classList = "bg-awaits awaits1";
                        break;
                    case "Change Required":
                    default:
                        $classList = "bg-awaits awaits2";
                        break;
                }
            @endphp

            <div class="{{ $classList }}">{{ $statusData }}</div>
        </td>
        <td align="center">
            @php
                $statusMcu = $e->info_status["mcu"] ?? "-";
                $classList = "bg-awaits awaits1";

                switch($statusMcu) {
                    case "Approved":
                        $classList = "bg-awaits awaits3";
                        break;
                    case "Need Review":
                    case "Under Review":
                        $classList = "bg-awaits awaits1";
                        break;
                    case "Decline":
                    case "Change Required":
                    case "MCU not uploaded":
                    default:
                        $classList = "bg-awaits awaits2";
                        break;
                }

            @endphp
            <div class="{{ $classList }}" >{{ $statusMcu }}</div>
        </td>
        <td>
            @php
                $statusCom = $e->info_status["competency"] ?? "-";
                $classList = "bg-awaits awaits1";

                switch($statusCom) {
                    case "Approved":
                        $classList = "bg-awaits awaits3";
                        break;
                    case "Need Review":
                    case "Under Review":
                        $classList = "bg-awaits awaits1";
                        break;
                    case "Decline":
                    case "Change Required":
                    case "Competency not uploaded":
                    default:
                        $classList = "bg-awaits awaits2";
                        break;
                }
                
            @endphp
            <div class="{{ $classList }}">{{ $statusCom }}</div>
        </td>
        <td @if($e->info_status["worker"] == 'Need Review') onclick="event.stopPropagation();" @endif class="has-text-centered">
            <a @if($e->info_status["worker"] == 'Need Review') href="{{ route('employee.edit', ['id' => encrypt($e->id), 'update_profile' => 1]) }}" @endif>
                @php
                    $statusWorker = $e->info_status["worker"] ?? "-";
                    $classList = "tag is-warning fw-700 text-white tags-status";

                switch($statusWorker) {
                    case __("app.permitted_work"):
                        $classList = "tag is-success fw-700 tags-status";
                        break;
                    case __("app.need_review"):
                        $classList = "tag is-warning text-white fw-700 tags-status";
                        break;
                    case __("app.not_permitted_work"):
                    default:
                        $classList = "tag is-danger fw-700 tags-status";
                        break;
                }
            @endphp
            <span class="{{ $classList }}">
                {{ $statusWorker }}
            </span>
        </td>
            @php
                $allowedUpdate = $accessService->workerCanUpdateAssignedDoctor(Auth::user(), $e);
                $roleName = Auth::user()->getRoleNames()->first();

                $allowedRoles = [
                    "super_admin",
                    "user_admin"
                ];

                $useHint = false;
                $useIcon = false;
                if(in_array($roleName, $allowedRoles)) {
                    $useHint = true;
                    $useIcon = true;
                }

                $onclick = false;
                if(in_array($roleName, $allowedRoles) && $allowedUpdate) {
                    $onclick = true;
                }

                $class = 'doctor-cell';
                $hint = "";

                if ($useHint) {
                    $hint = $allowedUpdate ? 'Click to edit' : 'Editing not allowed';

                    if ($allowedUpdate) {
                        $class .= ' editable';
                    }
                }

            @endphp
        <td
            @if($onclick)
                onclick="event.stopPropagation(); handleDoctorCellClick(this)"
            @endif
            @if($useHint)
                data-hint="{{ $hint }}"
            @endif
            class="{{ $class }}"
            data-id="{{ $e->id }}"
            data-doctor-id="{{ $e->mcu_reviewed_by }}">
            <div
                @if($useHint)
                    data-hint="{{ $hint }}"
                @endif
                class="is-flex is-align-items-center is-justify-content-space-between is-fullwidth {{ $useHint ? 'hint--top' : '' }}">
                <span class="doctor-name has-text-nowrap">{{ $e->name_doctor_review ?? '-' }}</span>
                @if($useIcon)
                    <i class="lnil lnil-pencil-alt ml-1"></i>
                @endif
            </div>
        </td>
        @if(Auth::user()->hasRole(["super_admin", "user_admin", "admin_contractor", "dokter", "contract_user"]))
        @php
            $roleName = Auth::user()->getRoleNames()->first();

            $isAllowEdit = $accessService->workerCanEdit(Auth::user(), $e);

            $editLabel = __("app.edit");
            switch($roleName){
                case "dokter":
                    $editLabel = "Update MCU";
                    break;
                case "contract_user":
                    $editLabel = "Update Competencies";
                    break;
                default:
                    $editLabel = __("app.edit");
                    break;
            }

        @endphp
        <td  onclick="event.stopPropagation();" class="has-text-centered">
            <div class="dropdown is-spaced is-dots is-right" data-id="{{ $e->id }}">
                <div class="dropdown-trigger dropdown-option">
                    <div class="is-trigger" aria-haspopup="true">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-more-horizontal">
                            <circle cx="12" cy="12" r="1"></circle>
                            <circle cx="19" cy="12" r="1"></circle>
                            <circle cx="5" cy="12" r="1"></circle>
                        </svg>
                    </div>
                </div>
                <div class="dropdown-menu" role="menu">
                    @php
                        $hasDropdownItems = false;
                    @endphp
                    <div class="dropdown-content">
                        @if($isAllowEdit)
                            @php $hasDropdownItems = true; @endphp
                            <a href="#"
                                onclick="handleEditClick('{{ route('employee.edit', ['id' => encrypt($e->id), 'update_profile' => 1]) }}', '{{ $e->id }}')"
                                class="dropdown-item is-media">
                                <div class="icons2">
                                    <i class="lnil lnil-pencil-alt"></i>
                                </div>
                                <div class="meta">
                                    <span> {{ $editLabel }}</span>
                                </div>
                            </a>
                        @endif

                        @if(($e->qr_info["allow_download"] ?? false) && ($e->qr_info["qr"]->image ?? false))
                            @php  
                                $hasDropdownItems = true; 
                                $qr = $e->qr_info["qr"] ?? null;
                            @endphp
                        <a href="javascript:;" onclick="event.preventDefault(); event.stopPropagation(); window.location.href='{{route('download-qrcode', ['url' => $qr->image ?? ''])}}'"
                            class="dropdown-item is-media">
                            <div class="icons2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                    <path d="M2 7.33333H7.33333V2H2V7.33333ZM3.33333 3.33333H6V6H3.33333V3.33333Z" fill="#283252"/>
                                    <path d="M2 14H7.33333V8.66667H2V14ZM3.33333 10H6V12.6667H3.33333V10Z" fill="#283252"/>
                                    <path d="M8.66667 2V7.33333H14V2H8.66667ZM12.6667 6H10V3.33333H12.6667V6Z" fill="#283252"/>
                                    <path d="M14 12.6667H12.6667V14H14V12.6667Z" fill="#283252"/>
                                    <path d="M10 8.66667H8.66667V10H10V8.66667Z" fill="#283252"/>
                                    <path d="M11.3333 10H10V11.3333H11.3333V10Z" fill="#283252"/>
                                    <path d="M10 11.3333H8.66667V12.6667H10V11.3333Z" fill="#283252"/>
                                    <path d="M11.3333 12.6667H10V14H11.3333V12.6667Z" fill="#283252"/>
                                    <path d="M12.6667 11.3333H11.3333V12.6667H12.6667V11.3333Z" fill="#283252"/>
                                    <path d="M12.6667 8.66667H11.3333V10H12.6667V8.66667Z" fill="#283252"/>
                                    <path d="M14 10H12.6667V11.3333H14V10Z" fill="#283252"/>
                                </svg>
                            </div>
                            <div class="meta">
                                <span>Download QR Code</span>
                            </div>
                        </a>
                        @endif
                        @if($accessService->workerCanDelete(Auth::user(), $e))
                            @php $hasDropdownItems = true; @endphp
                            <hr class="dropdown-divider">
                            <a class="dropdown-item is-media"
                                onclick="openModalDelete('{{ $e->name }}','{{ $avatar }}','{{ $url_delete }}')">
                                <div class="icons2" style="color:#ED3E3E;">
                                    <i class="lnil lnil-trash"></i>
                                </div>
                                <div class="meta">
                                    <span style="color: #ED3E3E">@lang('app.delete')</span>
                                </div>
                            </a>
                        @endif
                        @if(!$hasDropdownItems)
                        <div class="dropdown-item is-media">
                            <div class="meta">
                                <span class="text-gray-400 text-sm">No actions available</span>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </td>
        @else
        <td></td>
        @endif
    </tr>
@empty
    <tr>
        <td colspan="11" class="has-text-centered">
            @include('components.empty.empty-state')
        </td>
    </tr>
@endforelse