@foreach ($candidates as $candidate)
    @php
        $highScoreCount = 0;
        $mediumScoreCount = 0;
        $isCandidate = 0;
        $linkIsenabled = 0;
        $class = '';
        $statusText = '';
        
        if(!is_null($candidate['candidate_id'])){
            $highScoreCount = $candidate->highScoreCount;
            $mediumScoreCount = $candidate->mediumScoreCount;

            $isCandidate = 1;
        }
        
        if(!is_null($candidate['status'])){
            if ($candidate['status'] === 0) {
                $class = 'gray-blue';
                $statusText = __('inactive');
            } elseif ($candidate['status'] == 1) {
                $class = 'danger';
                $statusText = __('hired_status');
            }
        } else if ($isCandidate == 1) {
            
            $shareEcInfo = $candidate['share_ec_info'] ?? null;
            $ecStatus = $candidate['ec_status'] ?? null;

            if (is_null($shareEcInfo)) {
                $class = 'blue';
                $statusText = __('awaiting_approval');
            } elseif ($shareEcInfo == 1) {
                $class = 'success';
                $statusText = __('active');
                $linkIsenabled = 1;
            } elseif ($shareEcInfo == 0) {
                $class = 'blue';
                $statusText = __('awaiting_approval');
            }
        } else {
            $class = 'brand';
            $statusText = __('new');
        }
    @endphp
    <div class="card {{ $linkIsenabled == 1 ? 'active' : 'inactive' }}">
        <a onclick='handleClick(event, "{{ $linkIsenabled == 1 ? route('admin.candidates.show', $candidate['candidate_id']) : 'javascript:void(0)' }}")'>
            <div class="card-body">
                <div class="card-start">
                    <div class="card-top">
                        <h3 class="card-title">
                            {{ 
                                $linkIsenabled == 1 && !empty($candidate['first_name']) && !empty($candidate['last_name'])
                                    ? $candidate['first_name'] . ' ' . $candidate['last_name']
                                    : $candidate['fullname']
                            }}
                        </h3>
                        <div class="status-tooltip">
                            <span class="status {{ $class }}" id="status-{{$candidate['id']}}">{{ $statusText }}</span>
                            
                            @if($linkIsenabled == 1)
                                <div class="card-tooltip">
                                    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M8.5 2V10M8.5 10L6.5 8M8.5 10L10.5 8M3.5 10V2M3.5 2L1.5 4M3.5 2L5.5 4" stroke="#FF692E" stroke-linecap="round" stroke-linejoin="round" />
                                    </svg>
                                    <span>{{ __('medium_involvement') }}</span>
                                    <span class="tooltip-text">טקסט של טולטיפ עם כמה שורות</span>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="card-bottom">
                        <div class="email">
                            <span class="icon">
                                <img src="{{ asset('images/c-email.svg') }}">
                            </span>
                            <span class="text">{{ $candidate['email'] }}</span>
                        </div>

                        <div class="phone">
                            <span class="icon">
                                <img src="{{ asset('images/c-phone.svg') }}">
                            </span>
                            <span class="text">{{ $candidate['phone'] }}</span>
                        </div>
                    </div>
                </div>

                @if($linkIsenabled == 1)
                    <div class="card-center">
                        <div class="matches">
                            <span>
                                <img src="{{ asset('images/hight.svg') }}">
                                {{ $highScoreCount }} {{ __('high_adjustments') }}
                            </span>
                            <span>
                                <img src="{{ asset('images/medium.svg') }}">
                                {{ $mediumScoreCount }} {{ __('medium_adjustments') }}
                            </span>
                        </div>
                        <div class="response">
                            <img src="{{ asset('images/summary-icon.svg') }}">
                            <div>
                                <h3>הוגשה מועמדות ללא תגובה במשך 14 ימים</h3>
                                <p>פעולה מומלצת: פנייה למעסיק לבדיקת סטטוס</p>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="card-end">
                    <span role="button"
                    tabindex="0"
                    class="flag flag-btn {{ $candidate->flag ? 'active' : '' }}"
                    data-id="{{ $candidate->id }}"
                    onclick="toggleFlag(event, this)">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4 15C4 15 5 14 8 14C11 14 13 16 16 16C19 16 20 15 20 15V4C20 4 19 5 16 5C13 5 11 3 8 3C5 3 4 4 4 4M4 22L4 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </span>

                    <div class="dropdown">
                        <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" onClick="dopendropdown(event)">
                            <img src="{{ asset('images/dot.svg') }}">
                        </button>
                        <ul class="dropdown-menu">
                            @if($linkIsenabled == 1)
                                <li>
                                    <span class="dropdown-item" onClick="closeDropdownAndStop(event); showResume(event,{{ $candidate['candidate_id'] }})">
                                        <img src="{{ asset('images/cv-view.svg') }}">
                                        <span>{{ __('viewing_the_report') }}</span> <span class="spinner-border show-resume-{{ $candidate['candidate_id'] }} d-none"></span>
                                    </span>
                                </li>

                                <li>
                                    <span class="dropdown-item" onClick="closeDropdownAndStop(event); downloadCV(event,{{ $candidate['user_id'] }})">
                                        <img src="{{ asset('images/cv-download.svg') }}">
                                        <span>{{ __('download_resume') }}</span> <span class="spinner-border download-cv-{{ $candidate['user_id'] }} d-none"></span>
                                    </span>
                                </li>
                            @endif

                            <li>
                                <span class="dropdown-item" data-bs-toggle="modal" data-bs-target="#addNoteModal" data-candidate-id="{{ $candidate['candidate_id'] }}" data-coordinator-invitations-id="{{ $candidate['id'] }}" data-candidate-name="{{ $candidate['fullname'] }}" onclick="closeDropdownAndStop(event);">
                                    <img src="{{ asset('images/add-note.svg') }}">
                                    <span>{{ __('add_a_note_reminder') }}</span>
                                </span>
                            </li>
                            
                            <li>
                                <span class="dropdown-item" onClick="closeDropdownAndStop(event); updateStatus(event,{{ $candidate['id'] }})">
                                    <img src="{{ asset('images/change-status.svg') }}">
                                    <span>{{ __('hired_through_another_source') }}</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </a>
    </div>
@endforeach