@if(auth()->check() && auth()->id() == $user->id)
@php
    $checklistStatus   = getUserProfileCompletionStatus($user);
    $checklistMissing  = $checklistStatus['missing_items'];
    $checklistItems    = $user->isFreelancer()
        ? ['speciality', 'bio', 'profile_image', 'skills', 'work']
        : ['project'];
    $checklistRoutes   = [
        'speciality'    => route('user.profile'),
        'bio'           => route('user.profile'),
        'profile_image' => route('user.profile'),
        'skills'        => route('user.profile'),
        'work'          => route('work.create'),
        'project'       => route('user.project.create'),
    ];
    $checklistLabels   = [
        'speciality'    => __('missing_speciality'),
        'bio'           => __('missing_bio'),
        'profile_image' => 'أضف صورة شخصية',
        'skills'        => __('missing_skills'),
        'work'          => __('missing_work'),
        'project'       => __('missing_project'),
    ];
    $checklistComplete = empty($checklistMissing);
@endphp
@if(!$checklistComplete)
<div class="user-page-head" style="margin-top: 10px;">
    <h2 class="user-page-title">اكتمال الحساب</h2>
</div>
<div class="user-nav">
    <p class="verification-hint">
        @if($user->isFreelancer())
            لتتمكن من تقديم العروض وتحسين فرصك في الحصول على مشاريع، أكمل معلوماتك التالية
        @else
           ابدأ بنشر أول مشروع لك واستقبل عروض المستقلين
        @endif
    </p>
    <div class="user-main-info verification-items" style="padding: 6px 0; gap: 6px; flex-direction: column; align-items: flex-start; justify-content: flex-start;">
        @foreach($checklistItems as $item)
            <div class="verification-item" style="padding: 3px 0;">
                @if(!in_array($item, $checklistMissing))
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="none" class="verification-icon verified" style="flex-shrink:0;">
                        <circle cx="10" cy="10" r="10" fill="#60d049"/>
                        <path d="M6 10L9 13L14 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <span class="verification-label">{{ $checklistLabels[$item] }}</span>
                @else
                    <a href="{{ $checklistRoutes[$item] }}" class="verification-link">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="none" class="verification-icon unverified" style="flex-shrink:0;">
                            <circle cx="10" cy="10" r="10" fill="#dc3545"/>
                            <path d="M7 7L13 13M7 13L13 7" stroke="white" stroke-width="2" stroke-linecap="round"/>
                        </svg>
                        <span class="verification-label">{{ $checklistLabels[$item] }}</span>
                    </a>
                @endif
            </div>
        @endforeach
    </div>
</div>
@endif
@endif