@if ($careers->isEmpty())
  <div class="flex w-full flex-col items-center justify-center py-16 text-center">
    <i class="fa-regular fa-file-circle-xmark text-4xl text-primary mb-1"></i>
    <h3 class="text-base-content mb-2 text-lg font-semibold">No careers found</h3>
    <p class="text-base-content/70">Try adjusting your filters to see more results.</p>
  </div>
@else
  <div class="w-full careers-grid">
    @foreach ($careers as $career)
      <x-landing.career-card :career="$career" />
    @endforeach
  </div>
  {{ $careers->appends(request()->query())->links() }}
@endif