@extends('layouts.portal')

@section('page-title', __('Jobs Management'))

@section('sidebar')
    @include('admin.partials.sidebar')
@endsection

@section('content')
<div class="mb-4 flex flex-wrap items-center justify-between gap-3">
    <form method="GET" class="flex flex-wrap gap-2">
        <select name="status" class="input-field !py-2 w-auto">
            <option value="">{{ __('All Statuses') }}</option>
            @foreach(\App\Enums\JobStatus::cases() as $status)
                <option value="{{ $status->value }}" @selected(request('status') === $status->value)>{{ $status->label() }}</option>
            @endforeach
        </select>
        <button type="submit" class="btn-primary !py-2 !px-4 text-sm">{{ __('Filter') }}</button>
    </form>
    <a href="{{ route('admin.jobs.create') }}" class="btn-primary !py-2 !px-4 text-sm">{{ __('Add Job') }}</a>
</div>

<form method="POST" action="{{ route('admin.jobs.bulk') }}" id="bulk-form">
    @csrf
    <div class="mb-2 flex gap-2">
        <select name="action" class="input-field !py-2 w-auto" required>
            <option value="">{{ __('Bulk action...') }}</option>
            <option value="approve">{{ __('Approve') }}</option>
            <option value="close">{{ __('Close') }}</option>
            <option value="delete">{{ __('Delete') }}</option>
        </select>
        <button type="submit" class="btn-primary !py-2 !px-4 text-sm" onclick="return confirm('{{ __('Apply bulk action to selected jobs?') }}')">{{ __('Apply') }}</button>
    </div>
<div class="card overflow-x-auto">
    <table class="w-full text-sm">
        <thead>
            <tr class="border-b text-left text-gray-500">
                <th class="pb-3 pr-2"><input type="checkbox" onclick="document.querySelectorAll('.job-check').forEach(c => c.checked = this.checked)"></th>
                <th class="pb-3">{{ __('Title') }}</th>
                <th class="pb-3">{{ __('Company') }}</th>
                <th class="pb-3">{{ __('Status') }}</th>
                <th class="pb-3">{{ __('Actions') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @foreach($jobs as $job)
                <tr>
                    <td class="py-3 pr-2"><input type="checkbox" name="job_ids[]" value="{{ $job->id }}" class="job-check"></td>
                    <td class="py-3 font-medium">{{ $job->title }}</td>
                    <td class="py-3">{{ $job->company?->name }}</td>
                    <td class="py-3"><span class="badge bg-gray-100">{{ $job->status->label() }}</span></td>
                    <td class="py-3 space-x-2 whitespace-nowrap">
                        <a href="{{ route('admin.jobs.edit', $job) }}" class="text-brand-purple hover:underline">{{ __('Edit') }}</a>
                        @if($job->status->value === 'pending')
                            <form action="{{ route('admin.jobs.approve', $job) }}" method="POST" class="inline">@csrf
                                <button type="submit" class="text-green-600 hover:underline">{{ __('Approve') }}</button>
                            </form>
                        @endif
                        <a href="{{ route('jobs.show', $job->slug) }}" class="text-gray-600 hover:underline" target="_blank">{{ __('View') }}</a>
                        <form action="{{ route('admin.jobs.destroy', $job) }}" method="POST" class="inline"
                            onsubmit="return confirm('{{ __('Are you sure you want to delete this job?') }}')">
                            @csrf @method('DELETE')
                            <button type="submit" class="text-red-600 hover:underline">{{ __('Delete') }}</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $jobs->links() }}</div>
</div>
</form>
@endsection