@extends('jobs.layout')
@section('title', 'Saved jobs')
@section('content')
<main class="wrap">
    <span class="eyebrow">Job seeker workspace</span>
    <h1 class="title">Saved jobs</h1>
    <p class="muted">Openings you saved to look at later.</p>
    @if (session('status'))<div class="note" role="status">{{ session('status') }}</div>@endif
    @if ($jobs->isEmpty())
        <div class="empty"><strong>You haven’t saved any jobs yet.</strong><br><a class="button" href="{{ route('jobs.index') }}" style="margin-top:14px">Browse jobs</a></div>
    @else
        <section class="list" aria-label="Saved jobs">
            @foreach ($jobs as $job)
                <article class="job-card">
                    <a href="{{ route('jobs.show', $job) }}" style="text-decoration:none">
                        <span class="company">{{ $job->employer->company_name }}</span>
                        <h2 class="job-title">{{ $job->title }}</h2>
                        @if ($job->category)<span class="tag">{{ $job->category->name }}</span>@endif
                        <div class="meta"><span>{{ str($job->employment_type)->replace('_', ' ')->title() }}</span><span>{{ str($job->work_mode)->replace('_', ' ')->title() }}</span><span>{{ collect([$job->town, $job->county?->name])->filter()->join(', ') ?: 'Location flexible' }}</span></div>
                    </a>
                    <form method="POST" action="{{ route('seeker.saved-jobs.remove', $job) }}" style="margin-top:16px">
                        @csrf @method('DELETE')
                        <button class="button" type="submit" style="background:#edf4f0;color:#245d4d">Remove saved job</button>
                    </form>
                </article>
            @endforeach
        </section>
        <div class="pagination">{{ $jobs->links() }}</div>
    @endif
</main>
@endsection