@extends('layouts.app')

@section('content')
<section class="search-band">
    <div class="mx-auto max-w-[1400px] px-4 py-4 sm:px-6 lg:px-8">
        <h1 class="text-lg font-bold text-white">{{ $category->name }} {{ __('Jobs') }}</h1>
        <p class="mt-1 text-sm text-blue-100">{{ $category->jobs_count }} {{ __('jobs available') }}</p>
    </div>
</section>

<div class="mx-auto max-w-[1400px] px-4 py-5 sm:px-6 lg:px-8">
    <div class="portal-layout">
        <div class="portal-main">
            <div class="job-panel">
                <div class="job-table-head">
                    <span>{{ __('Vacancy') }} / {{ __('Employer') }}</span>
                    <span>{{ __('Category') }}</span>
                    <span>{{ __('Location') }}</span>
                    <span>{{ __('Posted') }}</span>
                </div>
                <div class="job-list">
                    @foreach($jobs as $job)
                        @include('public.jobs.partials.row', ['job' => $job])
                    @endforeach
                </div>
            </div>
            <div class="mt-4">{{ $jobs->links() }}</div>
        </div>
        <div class="hidden xl:block">
            @include('layouts.partials.ads-sidebar')
        </div>
    </div>
</div>
@endsection