@extends('components.layouts.manager.index')
@section('content')
    <x-manager.table.table>
        <x-slot:head>
            <th scope="col" class="px-6 py-3">
                شماره جاب
            </th>
            <th scope="col" class="px-6 py-3">
                اسم صف
            </th>
            <th scope="col" class="px-6 py-3">
                دفعات تکرار
            </th>
            <th scope="col" class="px-6 py-3">
                مقدارش
            </th>
            <th scope="col" class="px-6 py-3">
                رزرو شده در
            </th>
            <th scope="col" class="px-6 py-3">
                زمان دسترس بودن
            </th>
            <th scope="col" class="px-6 py-3">
                زمان ایجاد
            </th>
            <th scope="col" class="px-6 py-3">
                ویرایش
            </th>
        </x-slot:head>
        @foreach($jobs as $job)
            <tr class=" hover:bg-orange-300 border-b ">
                <th scope="row" class="px-6 py-4 ">
                    {{$job->id}}
                </th>
                <td class="px-6 py-4">
                    {{$job->queue}}
                </td>
                <td class="px-6 py-4">
                    {{$job->attempts}}
                </td>
                <td class="px-6 py-4">
                    {{$job->payload }}
                </td>
                <td class="px-6 py-4 ">
                    {{$job->reserved_at}}
                </td>
                <td class="px-6 py-4 ">
                    {{jdate($job->available_at)}}__{{jdate($job->available_at)->ago()}}
                </td>
                <td class="px-6 py-4 ">
                    {{jdate($job->created_at)}}__{{jdate($job->created_at)->ago()}}
                </td>
                <td class="px-6 py-4 ">
                    <a href="{{route('manager.jobs.destroy' , $job)}}">
                        پاک کردن
                    </a>
                </td>

            </tr>
        @endforeach
    </x-manager.table.table>
@endsection