@extends('admin.layouts.app')

@section('title', 'Jobs Management')

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-slate-900">Jobs Management</h1>
            <p class="text-sm text-slate-600 mt-1">Review and manage job postings</p>
        </div>
        <div class="flex items-center gap-3">
            <a href="{{ route('admin.jobs.create') }}" class="admin-btn admin-btn-primary inline-flex items-center gap-2">
                <span class="text-lg leading-none">+</span>
                Add Job
            </a>
            <a href="{{ route('admin.jobs.export', request()->query()) }}" class="admin-btn admin-btn-success inline-flex items-center gap-2">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                </svg>
                Export CSV
            </a>
            @if(auth('admin')->check() && auth('admin')->user()->isSuperAdmin())
                <form id="bulk-delete-form" method="POST" action="{{ route('admin.jobs.bulk-destroy') }}" class="hidden">
                    @csrf
                    @method('DELETE')
                </form>
            @endif
        </div>
    </div>

    <!-- Search & Filters -->
    @include('admin.jobs._filters')

    <!-- Summary Stat Cards & Quick Actions -->
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
        @include('admin.components.stat_card', [
            'label' => 'Total Jobs',
            'value' => $summary['total'] ?? 0,
            'icon' => 'fa-solid fa-briefcase',
            'color' => 'blue',
            'sparkline' => $summary['trend_jobs'] ?? []
        ])

        @include('admin.components.stat_card', [
            'label' => 'Open',
            'value' => $summary['open'] ?? 0,
            'icon' => 'fa-solid fa-circle-check',
            'color' => 'emerald',
            'sparkline' => []
        ])

        @include('admin.components.stat_card', [
            'label' => 'Pending',
            'value' => $summary['pending'] ?? 0,
            'icon' => 'fa-solid fa-clock',
            'color' => 'amber',
            'sparkline' => []
        ])

        @include('admin.components.stat_card', [
            'label' => 'Filled',
            'value' => $summary['filled_total'] ?? 0,
            'icon' => 'fa-solid fa-user-check',
            'color' => 'orange',
            'sparkline' => $summary['trend_filled'] ?? []
        ])
    </div>

    @include('admin.dashboard._quick_actions')

    <!-- Bulk Actions Bar -->
    @if(auth('admin')->check() && auth('admin')->user()->isSuperAdmin())
        <div id="bulk-actions-bar" class="hidden bg-blue-50 border border-blue-200 rounded-lg p-4 mb-4">
            <div class="flex items-center justify-between">
                <div class="flex items-center gap-3">
                    <span class="text-sm font-medium text-blue-900">
                        <span id="selected-count">0</span> jobs selected
                    </span>
                    <button type="button" onclick="bulkDeleteJobs()" class="admin-btn admin-btn-danger text-sm">
                        Delete Selected
                    </button>
                </div>
            </div>
        </div>
    @endif
@php
    $headers = [];
    if(auth('admin')->check() && auth('admin')->user()->isSuperAdmin()) {
        $headers[] = ['label' => '<input type="checkbox" id="select-all">', 'class' => 'w-12'];
    }

    $headers = array_merge($headers, [
        ['label' => 'Job Title', 'class' => ''],
        ['label' => 'Employer', 'class' => ''],
        ['label' => 'Location', 'class' => ''],
        ['label' => 'Type', 'class' => 'w-36'],
        ['label' => 'Applications', 'class' => 'w-20'],
        ['label' => 'Shortlisted', 'class' => 'w-24 text-center'],
        ['label' => 'Interviewed', 'class' => 'w-24 text-center'],
        ['label' => 'Rejected', 'class' => 'w-24 text-center'],
        ['label' => 'Status', 'class' => 'w-28'],
        ['label' => 'Actions', 'class' => 'text-right w-36'],
    ]);

    $rows = [];
    foreach($jobs as $job) {
        $cells = [];

        if(auth('admin')->check() && auth('admin')->user()->isSuperAdmin()) {
            $cells[] = ['content' => '<input type="checkbox" class="job-checkbox" value="' . $job->id . '">', 'class' => ''];
        }

        $cells[] = ['content' => '<div><p class="text-sm font-semibold text-slate-900">' . e($job->title) . '</p><p class="text-xs text-slate-500">' . e($job->required_specialty ?? 'General') . '</p></div>', 'class' => ''];
        $cells[] = ['content' => e($job->employer->company_name ?? 'N/A'), 'class' => 'text-sm'];
        $cells[] = ['content' => e($job->location_city . ', ' . $job->location_country), 'class' => 'text-sm'];

        $typeHtml = '<div class="text-xs"><span class="px-2 py-1 bg-slate-100 text-slate-800 rounded-full font-semibold">' . e(ucfirst($job->employment_type)) . '</span>' . ($job->visa_sponsorship ? ' <span class="px-2 py-1 bg-blue-100 text-blue-800 rounded-full font-semibold mt-1 inline-block">Visa</span>' : '') . '</div>';
        $cells[] = ['content' => $typeHtml, 'class' => ''];

        $cells[] = ['content' => '<span class="font-semibold">' . ($job->applications_count ?? ($job->applications->count() ?? 0)) . '</span>', 'class' => 'text-sm font-semibold'];
        $cells[] = ['content' => '<span class="text-sm">' . ($job->shortlisted_count ?? 0) . '</span>', 'class' => 'text-center'];
        $cells[] = ['content' => '<span class="text-sm">' . ($job->interview_count ?? 0) . '</span>', 'class' => 'text-center'];
        $cells[] = ['content' => '<span class="text-sm">' . ($job->rejected_count ?? 0) . '</span>', 'class' => 'text-center'];

        $statusBadge = '';
        if($job->status === 'active') {
            $statusBadge = '<span class="px-2 py-1 text-xs font-semibold bg-green-100 text-green-800 rounded-full">Active</span>';
        } elseif($job->status === 'pending') {
            $statusBadge = '<span class="px-2 py-1 text-xs font-semibold bg-amber-100 text-amber-800 rounded-full">Pending</span>';
        } elseif($job->status === 'closed') {
            $statusBadge = '<span class="px-2 py-1 text-xs font-semibold bg-slate-100 text-slate-800 rounded-full">Closed</span>';
        } else {
            $statusBadge = '<span class="px-2 py-1 text-xs font-semibold bg-red-100 text-red-800 rounded-full">' . e(ucfirst($job->status)) . '</span>';
        }
        $cells[] = ['content' => $statusBadge, 'class' => ''];

        $actionsHtml = '<div class="flex items-center justify-end gap-2">'
            . '<a href="' . route('admin.jobs.show', $job) . '" class="p-2 text-blue-600 hover:bg-blue-50 rounded-lg" title="View Details"><i class="fa-solid fa-eye w-4 h-4"></i></a>';

        if($job->status === 'pending') {
            $actionsHtml .= '<form method="POST" action="' . route('admin.jobs.approve', $job) . '" class="inline">' . csrf_field() . method_field('PATCH') . '<button type="submit" class="p-2 text-green-600 hover:bg-green-50 rounded-lg" title="Approve job"><i class="fa-solid fa-check w-4 h-4"></i></button></form>';
        }

        $actionsHtml .= '<form method="POST" action="' . route('admin.jobs.toggle-status', $job) . '" class="inline">' . csrf_field() . method_field('PATCH') . '<button type="submit" class="p-2 text-amber-600 hover:bg-amber-50 rounded-lg" title="Toggle status"><i class="fa-solid fa-arrow-rotate-right w-4 h-4"></i></button></form>';

        if(auth('admin')->check() && auth('admin')->user()->isSuperAdmin()) {
            $actionsHtml .= '<form method="POST" action="' . route('admin.jobs.destroy', $job) . '" class="inline" onsubmit="return confirm(\'Delete this job?\')">' . csrf_field() . method_field('DELETE') . '<button type="submit" class="p-2 text-red-600 hover:bg-red-50 rounded-lg" title="Delete job"><i class="fa-solid fa-trash w-4 h-4"></i></button></form>';
        }

        $actionsHtml .= '</div>';
        $cells[] = ['content' => $actionsHtml, 'class' => 'text-right'];

        $rows[] = ['cells' => $cells];
    }
@endphp

@include('admin.components.table_shell', [
    'headers' => $headers,
    'rows' => $rows,
    'emptyMessage' => 'No jobs found',
    'pagination' => $jobs
])
    </div>
</div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', () => {
    // Initialize bulk selection
    AdminUtils.initBulkSelection({
        selectAllId: 'select-all',
        checkboxClass: 'job-checkbox',
        selectedCountId: 'selected-count',
        bulkActionsId: 'bulk-actions-bar'
    });
});

async function bulkDeleteJobs() {
    const checkboxes = Array.from(document.querySelectorAll('.job-checkbox')).filter(cb => cb.checked);
    if (checkboxes.length === 0) {
        alert('Select at least one job to delete.');
        return;
    }

    const confirmed = await AdminUtils.confirm('Delete selected jobs?', {
        type: 'danger',
        confirmText: 'Delete'
    });

    if (!confirmed) return;

    const ids = checkboxes.map(cb => cb.value);
    const form = document.getElementById('bulk-delete-form');

    // Reset previous hidden fields
    const existing = form.querySelectorAll('.bulk-id-input');
    existing.forEach(el => el.remove());

    // Add hidden inputs for each selected job
    ids.forEach(id => {
        const input = document.createElement('input');
        input.type = 'hidden';
        input.name = 'job_ids[]';
        input.value = id;
        input.classList.add('bulk-id-input');
        form.appendChild(input);
    });

    form.submit();
}
</script>
@endpush