@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 " id="myjobs-table">
                <x-cards.data :title="__('My Services')" padding="false" otherClasses="h-500 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 ($myTasks as $task)
                            <tr>
                                <td class="pl-10">{{ $task?->project?->serviceOrder->original_invoice_number }}</td>
                                <td> @php
                                    // if(is_null($task->userActiveTimer)) {
                                    //      $timer = '<a href="javascript:;" class="text-primary btn border f-15 start-timer" data-task-id="' . $task->id . '" data-toggle="tooltip" data-original-title="' . __('modules.timeLogs.startTimer') . '"><i class="bi bi-play-circle-fill"></i></a>';
                                    //      echo $timer;
                                    // }
                                    // if(is_null($task->userActiveTimer->activeBreak)) {
                                    //     $timerButtons = '<div class="btn-group" role="group">';
                                    //     $timerButtons .= '<a href="javascript:;" class="text-secondary btn border f-15 pause-timer" data-time-id="' . $task->userActiveTimer->id . '" data-toggle="tooltip" data-original-title="' . __('modules.timeLogs.pauseTimer') . '"><i class="bi bi-pause-circle-fill"></i></a>';
                                    //     $timerButtons .= '<a href="javascript:;" class="text-secondary btn border f-15 stop-timer" data-time-id="' . $task->userActiveTimer->id . '" data-toggle="tooltip" data-original-title="' . __('modules.timeLogs.stopTimer') . '"><i class="bi bi-stop-circle-fill"></i></a>';
                                    //     $timerButtons .= '</div>';
                                    //     echo $timerButtons;
                                    // }else {

                                    //     $timerButtons = '<div class="btn-group" role="group">';
                                    //     $timerButtons .= '<a href="javascript:;" class="text-secondary btn border f-15 resume-timer" data-time-id="' . $task->userActiveTimer->activeBreak->id . '" data-toggle="tooltip" data-original-title="' . __('modules.timeLogs.resumeTimer') . '"><i class="bi bi-play-circle-fill"></i></a>';
                                    //     $timerButtons .= '<a href="javascript:;" class="text-secondary btn border f-15 stop-timer" data-time-id="' . $task->userActiveTimer->id . '" data-toggle="tooltip" data-original-title="' . __('modules.timeLogs.stopTimer') . '"><i class="bi bi-stop-circle-fill"></i></a>';
                                    //     $timerButtons .= '</div>';
                                    //     echo  $timerButtons;
                                    // }

                                    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

                                    <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> --}}
                                    @php

                                        //$status = '<select class="form-control select-picker change-status" data-task-id="' . $task->id . '">';
                                        $status = '';
                                        $tb = 0;
                                        foreach ($taskBoardColumns as $item) {
                                            if ($item->id == $task->board_column_id) {
                                                $status .= '<span >';
                                                $status .=
                                                    '<i class=\'fa fa-circle mr-2\' style=\'color: ' .
                                                    $item->label_color .
                                                    '\'></i> ' .
                                                    $item->column_name .
                                                    '</span>';
                                                $status .= '';
                                                $tb = 1;
                                            }
                                        }
                                        if ($tb == 0 && $task->boardColumn->slug == 'delivered') {
                                            $status .= '<span >';
                                            $status .=
                                                '<i class=\'fa fa-circle mr-2\' style=\'color: ' .
                                                $task->boardColumn->label_color .
                                                '\'></i> ' .
                                                $task->boardColumn->column_name .
                                                '</span>';
                                            $status .= '';
                                        }

                                        //$status .= '</select>';

                                        echo $status;

                                    @endphp
                                </td>
                                <td class="pr-10"><a href="{{ route('tasks.show', [$task->id]) }}">View</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