<x-layout>
    <x-slot:heading>
        Jobs Listing
    </x-slot:heading>
<h1>Jobs!</h1>
<div id="joblist" class="space-y-4">
@foreach ($jobs as $job)

<a href="/jobs/{{$job['id']}}" class="text-blue-500 hover:underline">
<strong>{{$job['title']}}</strong>: Pays {{$job['salary']}}
Per year
</a>
<br>
</div>
@endforeach
<div>
{{$jobs->links()}}
</x-layout>