@extends('layouts.portal')

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

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

@section('content')
<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-4">{{ __('Job') }}</th>
                <th class="pb-3 pr-4">{{ __('Company') }}</th>
                <th class="pb-3 pr-4">{{ __('Category') }}</th>
                <th class="pb-3 pr-4">{{ __('Location') }}</th>
                <th class="pb-3">{{ __('Actions') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @forelse($jobs as $job)
                <tr>
                    <td class="py-3 pr-4 font-medium">
                        <a href="{{ route('jobs.show', $job->slug) }}" class="text-brand-purple hover:underline">{{ $job->title }}</a>
                    </td>
                    <td class="py-3 pr-4">{{ $job->company?->name }}</td>
                    <td class="py-3 pr-4">{{ $job->category?->name }}</td>
                    <td class="py-3 pr-4">{{ $job->location_display }}</td>
                    <td class="py-3 space-x-2 whitespace-nowrap">
                        <a href="{{ route('jobs.show', $job->slug) }}#apply" class="text-brand-purple hover:underline">{{ __('Apply') }}</a>
                        <form action="{{ route('seeker.saved-jobs.destroy', $job) }}" method="POST" class="inline">@csrf @method('DELETE')
                            <button type="submit" class="text-red-600 hover:underline">{{ __('Remove') }}</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="py-8 text-center text-gray-500">
                        {{ __('No saved jobs yet.') }}
                        <a href="{{ route('jobs.index') }}" class="text-brand-purple hover:underline">{{ __('Browse jobs') }}</a>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
    <div class="mt-4">{{ $jobs->links() }}</div>
</div>
@endsection