@if (in_array('my_task', $activeWidgets) &&
        (!is_null($viewTaskPermission) && $viewTaskPermission != 'none' && in_array('tasks', user_modules())))
    <div class="row">
        <div class="col-sm-12">
            <div class="card border-0 b-shadow-4 mb-3 e-d-info">
                <x-cards.data :title="__('Latest Services')" padding="false" otherClasses="h-200 small latest-jobs">
                    <x-table>
                        <x-slot name="thead">
                            <th>@lang('Invoice')</th>
                            <th>@lang('Client')</th>
                            <th>@lang('Brand')</th>
                            <th>@lang('Model')</th>
                            <th>@lang('Service')</th>
                            <th>@lang('Extra Services')</th>
                            <th>@lang('Received By')</th>
                            <th>@lang('Date Received')</th>
                            <th>@lang('Due Date')</th>
                            <th>@lang('Status')</th>
                            <th></th>

                        </x-slot>

                        @foreach ($pendingTasks as $task)
                            @php

                                if ($task->due_date->endOfDay()->isPast()) {
                                    if (in_array($task->boardColumn->slug, ['completed', 'delivered', 'cancelled'])) {
                                        $duedate =
                                            "<span class='text-black'>" .
                                            $task->due_date->translatedFormat('d-m-Y') .
                                            '</span>';
                                    } else {
                                        $duedate =
                                            "<span class='text-danger'>" .
                                            $task->due_date->translatedFormat('d-m-Y') .
                                            '</span>';
                                    }
                                } elseif ($task->due_date->isToday()) {
                                    $duedate = "<span class='text-success'>" . __('app.today') . '</span>';
                                } else {
                                    $duedate = '<span>' . $task->due_date->translatedFormat('d-m-Y') . '</span>';
                                }

                            @endphp

                            <tr>
                                <td class="pl-10">{{ $task?->project?->serviceOrder?->original_invoice_number }}</td>
                                <td><strong>{{ $task?->project?->client->name }}</strong></td>
                                <td class="pr-10"> {{ $task?->project?->serviceOrder?->brand?->name }}</td>
                                <td class="pr-10"> {{ $task?->project?->serviceOrder?->brand_model?->model_name }}</td>
                                <td class="pr-10"><x-service-loops :services="$task?->project?->serviceOrder?->items" :type="'1'" /></td>
                                <td class="pr-10"><x-service-loops :services="$task?->project?->serviceOrder?->items" :type="'2'" /></td>
                                <td class="pr-10">{{ $task?->project?->serviceOrder?->addedBy?->name }}</td>
                                <td class="pr-10">{{ $task->created_at->translatedFormat(company()->date_format) }}
                                </td>
                                <td class="pr-10"></td>
                                <td class="pr-10"><span class="p-2"><i class="fa fa-circle mr-1 text-yellow"
                                            style="color:  {{ $task?->boardColumn?->label_color }}"></i>{{ $task?->boardColumn?->column_name }}</span>
                                </td>
                                <td class="pr-10"><a href="{{ route('tasks.show', [$task->id]) }}">View</a>
                                    {{-- | <a href="#" class="accept-job"  data-task-id="{{ $task->id }}" data-invoiceno="{{ $task?->project?->serviceOrder?->original_invoice_number }}">Accept Job</a> --}}
                                </td>
                                <td></td>
                            </tr>
                        @endforeach

                        {{-- <tr>
                                <td colspan="9" class="shadow-none">
                                    <x-cards.no-record icon="tasks" :message="__('messages.noRecordFound')" />
                                </td>
                            </tr> --}}
                    </x-table>
                </x-cards.data>
            </div>
        </div>
    </div>
@endif