@if (!empty($all_jobs) && $all_jobs->count() > 0)
    <div id="job-list">
    @foreach ($all_jobs as $job)
    @php
        $statusSlug = 'all';
        if ($job->on_off == 0) {
            $statusSlug = 'close';
        } elseif ($job->current_status == 2) {
            $statusSlug = 'complete';
        } elseif ($job->on_off == 1) {
            $statusSlug = 'active';
        }
    @endphp
    <div class="job-card job_open_close_location_{{ $job->id }}" data-status="{{ $statusSlug }}">

        <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px;">
            <div style="display:flex; flex-wrap:wrap; align-items:center; gap:8px;">
                <span style="font-size:13px; color:#637381;">#{{ str_pad($job->id, 6, '0', STR_PAD_LEFT) }}</span>
                <span class="job-badge job-badge-type">{{ __(ucfirst($job->type)) }}</span>
                @if ($job->on_off == 0)
                    <span class="job-badge job-badge-closed">{{ __('Closed') }}</span>
                @else
                    <span class="job-badge job-badge-open">{{ __('Open') }}</span>
                @endif
                @if ($job->current_status == 1)
                    <span class="job-badge job-badge-progress">{{ __('In Progress') }}</span>
                @endif
                @if ($job->current_status == 2)
                    <span class="job-badge job-badge-complete">{{ __('Complete') }}</span>
                @endif
            </div>
        </div>

        <a href="{{ route('client.job.details', $job->id) }}" class="job-title-link">{{ $job->title }}</a>

        <div style="display:flex; flex-wrap:wrap; gap:16px; margin-top:10px;">
            <span class="job-meta">
                @if ($job->on_off == 1) {{ __('Public') }} @else {{ __('Only Me') }} @endif
            </span>
            <span class="job-meta">{{ Carbon\Carbon::parse($job->created_at)->toFormattedDateString() }} · {{ ucfirst($job->level) }}</span>
            <span class="job-meta">{{ __('Proposals') }}: {{ $job->job_proposals_count ?? 0 }}</span>
        </div>

        <div class="job-card-footer">
            <a href="javascript:void(0)" class="job_open_close job-badge {{ $job->on_off == 0 ? 'job-badge-open' : 'job-badge-closed' }}"
               style="cursor:pointer; padding:6px 16px; font-size:13px;"
               data-job-id="{{ $job->id }}" data-job-on-off="{{ $job->on_off }}">
                @if ($job->on_off == 0) {{ __('Open Job') }} @else {{ __('Close Job') }} @endif
            </a>
            <div class="job-card-actions">
                @if(moduleExists('SecurityManage'))
                    @if(Auth::guard('web')->user()->freeze_job == 'freeze')
                        <a href="#" class="job-badge job-badge-type disabled-link" style="padding:6px 16px; font-size:13px;">{{ __('Edit Job') }}</a>
                    @else
                        <a href="{{ route('client.job.edit', $job->id) }}" class="job-badge job-badge-type" style="padding:6px 16px; font-size:13px;">{{ __('Edit Job') }}</a>
                    @endif
                @else
                    <a href="{{ route('client.job.edit', $job->id) }}" class="job-badge job-badge-type" style="padding:6px 16px; font-size:13px;">{{ __('Edit Job') }}</a>
                @endif
                <a href="{{ route('client.job.details', $job->id) }}" class="job-badge job-badge-open" style="padding:6px 16px; font-size:13px; background:var(--main-color-one); color:#fff;">{{ __('View Job') }}</a>
            </div>
        </div>
    </div>
    @endforeach
    </div>

    <div id="job-empty-filter" class="hidden mt-4 rounded-xl border border-[#C4C8CE] bg-white px-6 py-12 text-center">
        <p class="text-[15px] font-medium text-[#242B36]">{{ __('No jobs found') }}</p>
        <p class="mt-1 text-[13px] text-[#3B4759]">{{ __('Try adjusting your tab filter.') }}</p>
    </div>

    {{-- Pagination --}}
    <div id="job-pagination" class="mt-6 flex items-center gap-2 text-[12px] font-medium text-[#3B4759]"></div>

@else
    <div style="background:#fff; border:1px solid #E9EBF0; border-radius:12px; padding:48px 24px; text-align:center;">
        <p style="font-size:16px; font-weight:600; color:#242B36;">{{ __('No Jobs Found') }}</p>
        <p style="font-size:14px; color:#637381; margin-top:4px;">{{ __('Post a job to start receiving proposals.') }}</p>
    </div>
@endif